jQuery基于當(dāng)前元素進(jìn)行下一步的遍歷

更新時(shí)間：2014年05月20日 09:18:59 作者：

通過jQuery方法選中了元素，如何基于這些已經(jīng)選中的元素進(jìn)行下一步的遍歷呢？下面有個(gè)不錯(cuò)的示例，大家可以參考下

如果我們已經(jīng)通過jQuery方法選中了一組元素，那么如何基于這些已經(jīng)選中的元素進(jìn)行下一步的遍歷呢？

例如，我們通過

$('li:eq(1)')

選中了以下代碼中的第二個(gè)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> 

基于這個(gè)選中的元素，我們可以進(jìn)一步遍歷其他元素

下一個(gè)元素

$('li:eq(1)').next()

前一個(gè)元素

$('li:eq(1)').prev()

父元素

$('li:eq(1)').parent()

所有兄弟元素

$('li:eq(1)').parent().children()

所有后續(xù)兄弟元素

$('li:eq(1)').nextAll()

所有前續(xù)兄弟元素

$('li:eq(1)').prevAll()

以上所有的遍歷方法都可以使用end()方法來取消操作。

當(dāng)然，也可以使用參數(shù)，例如

$('li:eq(1)').parent().children(':last')

您可能感興趣的文章:

相關(guān)文章

做好七件事幫你提升jQuery的性能
這篇文章主要介紹了做好七件事幫你提升jQuery的性能的相關(guān)資料,需要的朋友可以參考下
2014-02-02
jQuery+jsp實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果(附源碼)
這篇文章主要介紹了jQuery+jsp實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果,以完整實(shí)例形式分析了jQuery結(jié)合jsp讀取MySQL數(shù)據(jù)庫操作實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果的相關(guān)技巧,并附帶完整實(shí)例源碼供讀者下載參考,需要的朋友可以參考下
2015-12-12
jQuery+CSS3+Html5實(shí)現(xiàn)彈出層效果實(shí)例代碼(附源碼下載)
款Jquery+CSS3+Html5實(shí)現(xiàn)彈出層效果,應(yīng)用范圍很廣泛,比如用在消息提示、彈出層顯示內(nèi)容、彈出層登錄等,帶遮罩效果，非常實(shí)用，對(duì)此功能感興趣的朋友可以參考下本地代碼
2016-05-05
基于jquery和svg實(shí)現(xiàn)超炫酷的動(dòng)畫特效
這篇文章主要介紹了基于jquery和svg實(shí)現(xiàn)超炫酷的動(dòng)畫特效,想學(xué)習(xí)SVG的童鞋們可以來參考下。
2014-12-12
jquery使用echarts實(shí)現(xiàn)有向圖可視化功能示例
這篇文章主要介紹了jquery使用echarts實(shí)現(xiàn)有向圖可視化功能,結(jié)合完整實(shí)例形式分析了jquery的echarts.js插件實(shí)現(xiàn)有向圖可視化相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下
2019-11-11
jQuery checkbox選中問題之prop與attr注意點(diǎn)分析
這篇文章主要介紹了jQuery checkbox選中問題之prop與attr注意點(diǎn),結(jié)合form表單實(shí)例形式分析了針對(duì)火狐瀏覽器下checkbox失效情況的處理技巧,需要的朋友可以參考下
2016-11-11
在次封裝easyui-Dialog插件實(shí)現(xiàn)代碼
在次封裝easyui-Dialog插件實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2010-11-11
jQuery實(shí)現(xiàn)背景彈性滾動(dòng)的導(dǎo)航效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)背景彈性滾動(dòng)導(dǎo)航效果的方法,涉及jQuery動(dòng)態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下
2016-06-06
Jquery on方法綁定事件后執(zhí)行多次的解決方法
下面小編就為大家?guī)硪黄狫query on方法綁定事件后執(zhí)行多次的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
JQuery 操作Javascript對(duì)象和數(shù)組的工具函數(shù)小結(jié)
JQuery提供了很多實(shí)用的工具函數(shù)。這些函數(shù)主要分為兩類，操作集合數(shù)組的函數(shù)和非集合數(shù)組函數(shù)。
2010-01-01