jQuery遍歷之next()、nextAll()方法使用實例
jquery遍歷：next()和nextAll()方法。實例如下：
<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標簽</p>
<div><span>我很帥，有圖有真相</span></div>
<p>我也是p標簽</p>
</body>
</html>
說明：
（1）next()方法：是指獲得匹配元素的相鄰同同輩元素（即下一個同輩元素），注意，同輩元素并不是標簽相同的元素，而是指該元素閉合后的下一個元素，如實例中的”<div>美女，親一下</div>“，div閉合后的下一個元素為<p>。
（2）如果next()加上參數(shù)，即next("div")，如果下一個相鄰元素不是div，則為空，即一定是相鄰的。
（3）nextAll()方法：指獲得匹配元素之后所有的同輩元素。它同樣可以加上參數(shù)，nextAll("p")或nextAll("div")等等。
（4）有些奇怪的是，如果是這樣的代碼：
$("div").click(function(){alert($(this).nextAll("div").html());});
它并不能獲得所有的html內容，而只是獲得下一個同輩元素的html內容。？？？疑惑
- JQuery遍歷json數(shù)組的3種方法
- jquery中each遍歷對象和數(shù)組示例
- jquery遍歷table的tr獲取td的值實現(xiàn)方法
- JQuery中使用.each()遍歷元素學習筆記
- jquery中object對象循環(huán)遍歷的方法
- JQuery $.each遍歷JavaScript數(shù)組對象實例
- jQuery使用each方法與for語句遍歷數(shù)組示例
- jQuery遍歷對象、數(shù)組、集合實例
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象
- jquery對Json的各種遍歷方法總結(必看篇)
- jQuery--遍歷操作實例小結【后代、同胞及過濾】
相關文章
jquery mobile動態(tài)添加元素之后不能正確渲染解決方法說明
本篇文章主要是對jquery mobile動態(tài)添加元素之后不能正確渲染解決方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
jquery實現(xiàn)動畫菜單的左右滾動、漸變及圖形背景滾動等效果
這篇文章主要介紹了jquery實現(xiàn)動畫菜單的左右滾動、漸變及圖形背景滾動等效果,實例分析了jquery常用的幾種背景動態(tài)變換效果,涉及jquery動態(tài)操作頁面動畫效果實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
jquery中獲取當前鼠標的x、y位置位置的代碼，需要的朋友可以參考下。2011-05-05
這篇文章主要介紹了jquery讓指定的元素閃爍顯示的方法,涉及jQuery操作css樣式的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細介紹了jQuery EasyUI Panel面板組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
基于jQuery實現(xiàn)交互體驗社會化分享代碼附源碼下載
基于jQuery實現(xiàn)交互體驗社會化分享代碼附源碼下載。這是一款鼠標點擊分享按鈕向右滑出騰訊微博，新浪微博，QQ空間，豆瓣，微信，二維碼分享等分享平臺，本段代碼比較實用，需要的朋友參考下吧2016-01-01
jQuery+easyui中的combobox實現(xiàn)下拉框特效
這篇文章主要介紹了jQuery+easyui中的combobox實現(xiàn)下拉框特效的幾種方法，非常簡單實用,需要的朋友可以參考下2015-02-02
jQuery總是只返回第一個類標簽的值，所以無法達到我們的要求，那么jQuery如何獲取同一個類標簽的所有的值，下面與大家分享方法2014-09-09
jQuery操作Select選擇的Text和Value(獲取/設置/添加/刪除)
本文將詳細介紹下jQuery獲取/設置/添加/刪除Select選擇的Text和Value,感興趣的你可以參考下本文或許對你有所幫助2013-03-03
jScrollPane想必大家都不陌生吧它就是所謂的jquery滾動條插件，下面為大家介紹下其具體的使用，感興趣的朋友不要錯過2013-11-11