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()加上參數,即next("div"),如果下一個相鄰元素不是div,則為空,即一定是相鄰的。
(3)nextAll()方法:指獲得匹配元素之後所有的同輩元素。它同樣可以加上參數,nextAll("p")或nextAll("div")等等。
(4)有些奇怪的是,如果是這樣的代碼:
代碼如下:
$("div").click(function(){alert($(this).nextAll("div").html());});
它並不能獲得所有的html內容,而只是獲得下一個同輩元素的html內容。???疑惑