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>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#

首頁

影片

問答