jquery nextAll()方法
翻譯結果:
next
英[nekst] 美[nɛkst]
adj.緊接在後的;次於的;貼近的;緊鄰的
adv.接下去;然後;居後地;依序的
n.下一個;下一位
prep.靠近;居於…之後;在…的隔壁
all
英[ɔ:l] 美[ɔl]
adj.全部的;一切的;各種的;極度的,盡量的
pron.全部;一切;每個人,每件東西;全部情況
adv.全部地;完全地;每個;非常
n.全體;[常作A-]整體;[常與my, your, his, her等連用](某人)所有的一切
jquery nextAll()方法語法
作用:nextAll() 獲得匹配元素集合中每個元素的所有跟隨的同胞元素,由選擇器篩選是可選的。
語法:.nextAll(selector)
#參數:
參數 | 說明 |
selector | 字串值,包含用於符合元素的選擇器表達式。 |
說明:如果給定一個表示DOM 元素集合的jQuery 對象,.nextAll() 方法允許我們搜尋DOM 樹中的元素跟隨的同胞元素,並以匹配元素建構新的jQuery 物件。此方法接受可選的選擇器表達式,類型與我傳遞到 $() 函數中的相同。如果應用選擇器,則將透過偵測元素是否匹配來對它們進行篩選。
jquery nextAll()方法範例
<!DOCTYPE html> <html> <head> <style> div { width: 80px; height: 80px; background: #abc; border: 2px solid black; margin: 10px; float: left; } div.after { border-color: red; } </style> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <div>first</div> <div>sibling<div>child</div></div> <div>sibling</div> <div>sibling</div> <script> $("div:first").nextAll().addClass("after"); </script> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例