next
英[nekst]? ?美[n?kst]??
adj.緊接在後的;次於的;貼近的;緊鄰的
adv.接下去;然後;居後地;依序的
n.下一個(gè);下一位
prep.靠近;居於…之後;在…的隔壁
all
英[?:l]? ?美[?l]??
adj.全部的;一切的;各種的;極度的,盡量的
pron.全部;一切;每個(gè)人,每件東西;全部情況
adv.全部地;完全地;每個(gè);非常
n.全體;[常作A-]整體;[常與my, your, his, her等連用](某人)所有的一切
jquery nextAll()方法 語法
作用:nextAll() 獲得匹配元素集合中每個(gè)元素的所有跟隨的同胞元素,由選擇器篩選是可選的。
語法:.nextAll(selector)
#參數(shù):
參數(shù) | 說明 |
selector? ?? | 字串值,包含用於符合元素的選擇器表達(dá)式。 |
說明:如果給定一個(gè)表示DOM 元素集合的jQuery 對(duì)象,.nextAll() 方法允許我們搜尋DOM 樹中的元素跟隨的同胞元素,並以匹配元素建構(gòu)新的jQuery 物件。此方法接受可選的選擇器表達(dá)式,類型與我傳遞到 $() 函數(shù)中的相同。如果應(yīng)用選擇器,則將透過偵測(cè)元素是否匹配來對(duì)它們進(jìn)行篩選。
jquery nextAll()方法 範(fàn)例
<!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>
#點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例