jQuery基於目前元素進行下一步的遍歷_jquery

如果我們已經透過jQuery方法選取了一組元素，那麼如何基於這些已經選取的元素進行下一步的遍歷呢？

例如，我們透過

$('li:eq(1)')

選取了以下程式碼中的第二個li元素。

複製程式碼 程式碼如下:

• link


• selected link


• link


• link

基於這個選取的元素，我們可以進一步遍歷其他元素

下一個元素

$('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')