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)

#參數(shù):

參數(shù)說明
selector? ??字串值,包含用於符合元素的選擇器表達式。

說明:如果給定一個表示DOM 元素集合的jQuery 對象,.nextAll() 方法允許我們搜尋DOM 樹中的元素跟隨的同胞元素,並以匹配元素建構(gòu)新的jQuery 物件。此方法接受可選的選擇器表達式,類型與我傳遞到 $() 函數(shù)中的相同。如果應(yīng)用選擇器,則將透過偵測元素是否匹配來對它們進行篩選。

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>
執(zhí)行實例 ?

#點擊 "執(zhí)行實例" 按鈕查看線上實例

#