国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jQuery遍歷之next()、nextAll()方法使用實例

2024-05-06 16:10:28
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了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()加上參數,即next("div"),如果下一個相鄰元素不是div,則為空,即一定是相鄰的。

(3)nextAll()方法:指獲得匹配元素之后所有的同輩元素。它同樣可以加上參數,nextAll("p")或nextAll("div")等等。

(4)有些奇怪的是,如果是這樣的代碼:

 

復制代碼代碼如下:

$("div").click(function(){alert($(this).nextAll("div").html());});

 

它并不能獲得所有的html內容,而只是獲得下一個同輩元素的html內容。???疑惑


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 石城县| 尼木县| 登封市| 玉门市| 苗栗市| 连云港市| 大兴区| 天峨县| 宜都市| 都安| 睢宁县| 邯郸县| 温宿县| 洛隆县| 西宁市| 葫芦岛市| 麻阳| 亳州市| 朝阳区| 建宁县| 临沧市| 来安县| 玉林市| 乌什县| 汽车| 大埔区| 溧阳市| 修武县| 鹿邑县| 林州市| 红安县| 庄河市| 农安县| 永吉县| 新龙县| 牡丹江市| 洛宁县| 东莞市| 精河县| 阿拉尔市| 万荣县|