DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery基於當前元素進行下一步的遍歷
jQuery基於當前元素進行下一步的遍歷
編輯:JQuery特效代碼     
如果我們已經通過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')
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved