首頁  >  文章  >  web前端  >  jQuery遍歷之next()、nextAll()方法使用實例_jquery

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

WBOY
WBOY原創
2016-05-16 16:32:041561瀏覽

jquery遍歷:next()和nextAll()方法。實例如下:

複製程式碼 程式碼如下:








您好,美女

hello,world

美女,親一下

我是p標籤


我很帥,有圖有真相

我也是p標籤



說明:

(1)next()方法:是指獲得匹配元素的相鄰同輩元素(即下一個同輩元素),注意,同輩元素並不是標籤相同的元素,而是指該元素閉合後的下一個元素,如實例中的”

美女,親一下
“,div閉合後的下一個元素為

(2)如果next()加上參數,即next("div"),如果下一個相鄰元素不是div,則為空,即一定是相鄰的。

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

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

複製程式碼 程式碼如下:

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn