如果我們已經通過jQuery方法選中了一組元素,那麼如何基於這些已經選中的元素進行下一步的遍歷呢?
例如,我們通過
$('li:eq(1)')
選中了以下代碼中的第二個li元素。
. 代碼如下:
<ul>
<li><a href="#">link</a></li>
<li><a href="#">selected link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
基於這個選中的元素,我們可以進一步遍歷其他元素
下一個元素
$('li:eq(1)').next()
前一個元素
$('li:eq(1)').prev()
父元素
$('li:eq(1)').parent()
所有兄弟元素
$('li:eq(1)').parent().children()
所有後續兄弟元素
$('li:eq(1)').nextAll()
所有前續兄弟元素
$('li:eq(1)').prevAll()
以上所有的遍歷方法都可以使用end()方法來取消操作。
當然,也可以使用參數,例如
$('li:eq(1)').parent().children(':last')