[問題] 如何用jQuery指定階層抓取DOM物件
前輩好，
假如我的HTML架構為
==========================================
<div id="mainContainer">
<!--第一層第一個ul-->
<ul>
<li>1 - 1
<!--第二層第一個ul-->
<ul>
<li>1 - 1 - 1
<!--第三層第一個ul-->
<ul></ul>
</li>
<li>1 - 1 - 2</li>
</ul>
</li>
<li>1 - 2
<!--第二層第二個ul-->
<ul></ul>
</li>
<li>1 - 3</li>
<li>1 - 4</li>
</ul>
<!--第一層第二個ul-->
<ul>
<li>2 - 1</li>
</ul>
</div>
==========================================
我想要抓取第一層的ul下的第一層li
我可以下
==========================================
$('#mainContainer>ul>li');
==========================================
只是想請問，假如我已經有一個jQuery物件
==========================================
$container = $('#mainContainer');
==========================================
我要怎麼使用$container這個物件去找出他下之下第一層的ul的第一層li呢
我知道可以用
==========================================
$container.children('ul').children('li');
==========================================
去找出我要的物件
只是這個狀況是簡化後的過程
實際上用起來可能是要找第n層的ul的第m層li
或著更複雜的狀況
這樣用.chilren([selector])去串接
不只難以閱讀，可能效能上也會有影響
是以想請問前輩
jQuery有辦法用指定階層數的方法找到指定的物件嗎
例如說$container下第n層的ul之類的語法
又或著有比較簡單易讀的寫法呢
--
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.169.184.210
推
09/29 20:53, , 1F
09/29 20:53, 1F
→
09/29 20:53, , 2F
09/29 20:53, 2F
→
09/29 20:54, , 3F
09/29 20:54, 3F
→
09/29 20:54, , 4F
09/29 20:54, 4F
→
09/29 22:43, , 5F
09/29 22:43, 5F
→
09/29 22:43, , 6F
09/29 22:43, 6F
→
09/30 10:03, , 7F
09/30 10:03, 7F