jQuery遍歷之next()、nextAll()方法使用實(shí)例
jquery遍歷：next()和nextAll()方法。實(shí)例如下：
<html>
<head>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//$("div").click(function(){alert($(this).next().text());});
//$("div").click(function(){alert($(this).nextAll().text());});
$("div").click(function(){alert($(this).nextAll("div").text());});
});
</script>
<style type="text/css">
div{width:300px;height:30px;background:green;margin-top:10px;}
</style>
</head>
<body>
<div id="uu">您好，<font color="blue">美女</font></div>
<div>hello,world</div>
<div>美女，親一下</div>
<p>我是p標(biāo)簽</p>
<div><span>我很帥，有圖有真相</span></div>
<p>我也是p標(biāo)簽</p>
</body>
</html>
說(shuō)明：
（1）next()方法：是指獲得匹配元素的相鄰?fù)呍兀聪乱粋€(gè)同輩元素），注意，同輩元素并不是標(biāo)簽相同的元素，而是指該元素閉合后的下一個(gè)元素，如實(shí)例中的”<div>美女，親一下</div>“，div閉合后的下一個(gè)元素為<p>。
（2）如果next()加上參數(shù)，即next("div")，如果下一個(gè)相鄰元素不是div，則為空，即一定是相鄰的。
（3）nextAll()方法：指獲得匹配元素之后所有的同輩元素。它同樣可以加上參數(shù)，nextAll("p")或nextAll("div")等等。
（4）有些奇怪的是，如果是這樣的代碼：
$("div").click(function(){alert($(this).nextAll("div").html());});
它并不能獲得所有的html內(nèi)容，而只是獲得下一個(gè)同輩元素的html內(nèi)容。？？？疑惑
- JQuery遍歷json數(shù)組的3種方法
- jquery中each遍歷對(duì)象和數(shù)組示例
- jquery遍歷table的tr獲取td的值實(shí)現(xiàn)方法
- JQuery中使用.each()遍歷元素學(xué)習(xí)筆記
- jquery中object對(duì)象循環(huán)遍歷的方法
- JQuery $.each遍歷JavaScript數(shù)組對(duì)象實(shí)例
- jQuery使用each方法與for語(yǔ)句遍歷數(shù)組示例
- jQuery遍歷對(duì)象、數(shù)組、集合實(shí)例
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- jquery對(duì)Json的各種遍歷方法總結(jié)(必看篇)
- jQuery--遍歷操作實(shí)例小結(jié)【后代、同胞及過(guò)濾】
相關(guān)文章
jQuery中insertBefore()方法用法實(shí)例
這篇文章主要介紹了jQuery中insertBefore()方法用法,實(shí)例分析了insertBefore()方法的功能、定義及把匹配的元素插入到另一個(gè)指定的元素集合前面的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細(xì)介紹了jQuery插件ajaxFileUpload使用教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
輕松學(xué)習(xí)jQuery插件EasyUI EasyUI實(shí)現(xiàn)拖動(dòng)基本操作
這篇文章主要幫大家輕松學(xué)習(xí)jQuery插件EasyUI，并利用EasyUI實(shí)現(xiàn)拖動(dòng)基本操作，文章并提供了一個(gè)學(xué)校課程表簡(jiǎn)單實(shí)例，感興趣的小伙伴們可以參考一下2015-11-11
jQuery實(shí)現(xiàn)自動(dòng)切換播放的經(jīng)典滑動(dòng)門(mén)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)自動(dòng)切換播放的經(jīng)典滑動(dòng)門(mén)效果,可實(shí)現(xiàn)tab自動(dòng)定時(shí)切換的功能,涉及jQuery基于定時(shí)函數(shù)動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2015-09-09
jquery實(shí)現(xiàn)界面無(wú)刷新加載登陸注冊(cè)
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)界面無(wú)刷新加載登陸注冊(cè)，具有一定的參考價(jià)值，感興趣的朋友可以參考一下2016-07-07
jQuery實(shí)現(xiàn)下拉加載功能實(shí)例代碼
本文通過(guò)一段實(shí)例代碼給大家介紹jquery實(shí)現(xiàn)下拉加載功能，代碼簡(jiǎn)單易懂，需要的朋友參考下吧2016-04-04
Jquery的擴(kuò)展方法extend是我們?cè)趯?xiě)插件的過(guò)程中常用的方法，該方法有一些重載原型，在此，我們一起去了解了解2012-02-02
jQuery是目前非常流行的Javascript庫(kù)之一，隨著jQuery應(yīng)用程序的逐漸增多，其性能優(yōu)化問(wèn)題是程序員們不可忽視的，我們知道在jQuery中最快的選擇器是ID選擇器，因?yàn)樗苯觼?lái)自于JavaScript的getElementById()方法。2010-09-09
JQuery Ajax執(zhí)行跨域請(qǐng)求數(shù)據(jù)的解決方案
今天小編就為大家分享一篇關(guān)于JQuery Ajax執(zhí)行跨域請(qǐng)求數(shù)據(jù)的解決方案，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2018-12-12
jQuery EasyUI Tab 選項(xiàng)卡問(wèn)題小結(jié)
這篇文章主要介紹了jQuery EasyUI Tab 選項(xiàng)卡問(wèn)題小結(jié),在項(xiàng)目開(kāi)發(fā)階段很多朋友都遇到過(guò)此問(wèn)題，其實(shí)解決辦法很簡(jiǎn)單的，下面小編給大家分享下問(wèn)題原因及解決辦法，需要的朋友可以參考下2016-08-08