jQuery遍历之next()、nextAll()方法使用实例
jquery遍歷：next()和nextAll()方法。實(shí)例如下：
復(fù)制代碼 代碼如下:<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>
說明：
（1）next()方法：是指獲得匹配元素的相鄰?fù)呍?#xff08;即下一個同輩元素），注意，同輩元素并不是標(biāo)簽相同的元素，而是指該元素閉合后的下一個元素，如實(shí)例中的”<div>美女，親一下</div>“，div閉合后的下一個元素為<p>。
（2）如果next()加上參數(shù)，即next("div")，如果下一個相鄰元素不是div，則為空，即一定是相鄰的。
（3）nextAll()方法：指獲得匹配元素之后所有的同輩元素。它同樣可以加上參數(shù)，nextAll("p")或nextAll("div")等等。
（4）有些奇怪的是，如果是這樣的代碼：
復(fù)制代碼 代碼如下:$("div").click(function(){alert($(this).nextAll("div").html());});
它并不能獲得所有的html內(nèi)容，而只是獲得下一個同輩元素的html內(nèi)容。？？？疑惑
總結(jié)
以上是生活随笔為你收集整理的jQuery遍历之next()、nextAll()方法使用实例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JQuery 如何选择带有多个class
- 下一篇： jQueryt过滤选择器