next
英[nekst]? ?美[n?kst]??
adj.緊接在後的;次於的;貼近的;緊鄰的
adv.接下去;然後;居後地;依序的
n.下一個;下一位
prep.靠近;居於…之後;在…的隔壁
until
英[?n?t?l]? ?美[?n?t?l]??
prep.到…為止;在…以前
conj.到…為止,在…以前;直到…才
jquery nextUntil() 方法 語法
作用:nextUntil() 取得每個元素所有跟隨的同胞元素,但不包含被選擇器、DOM 節(jié)點或已傳遞的 jQuery 物件所匹配的元素。
語法1:.nextUntil(selector,filter)
參數(shù):
描述
字串值,包含指示在何處停止匹配跟隨的同胞元素的選擇器表達(dá)式。
字串值,包含用於符合元素的選擇器表達(dá)式。 | |
語法2: | .nextUntil(element,filter)|
描述
####element? ??######指示在何處停止配對跟隨的同胞元素的DOM 節(jié)點或jQuery 物件。 ############filter? ??######字串值,包含用於符合元素的選擇器表達(dá)式。 ##################說明:###如果給定一個表示DOM 元素集合的jQuery 對象,.nextUntil() 方法允許我們搜尋DOM 樹中的元素跟隨的同胞元素,當(dāng)遇到被該方法的參數(shù)所匹配的元素時會停止搜尋。傳回的新 jQuery 物件包含所有跟隨的同胞元素,但不包含被參數(shù)相符的元素。如果選擇器不符合或未規(guī)定選擇器,則會選取所有跟隨的同胞;如果不提供供篩選的選擇器,則該方法選取的元素與 .nextAll() 方法相同。對於 jQuery 1.6,DOM 節(jié)點或 jQuery 對象,而不是選擇器,可傳遞到 .nextUntil() 方法。此方法接受可選的選擇器表達(dá)式作為其第二參數(shù)。如果指定該參數(shù),則將透過偵測元素是否符合該選擇器來篩選它們。 ###jquery nextUntil() 方法 範(fàn)例
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <dl> <dt id="term-1">term 1</dt> <dd>definition 1-a</dd> <dd>definition 1-b</dd> <dd>definition 1-c</dd> <dd>definition 1-d</dd> <dt id="term-2">term 2</dt> <dd>definition 2-a</dd> <dd>definition 2-b</dd> <dd>definition 2-c</dd> <dt id="term-3">term 3</dt> <dd>definition 3-a</dd> <dd>definition 3-b</dd> </dl> <script> $("#term-2").nextUntil("dt").css("background-color", "red"); var term3 = document.getElementById("term-3"); $("#term-1").nextUntil(term3, "dd").css("color", "blue"); </script> </body> </html>
#點擊 "執(zhí)行實例" 按鈕查看線上實例