首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 16:32:04
原創
1513 人瀏覽過

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內容。 ? ? ?疑惑

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!