閱讀(6.2k) 書(shū)簽贊(0) 我要糾錯(cuò)

jQuery nextUntil() 方法

2018-11-21 14:20 更新

實(shí)例

返回在類(lèi)名為 "start" 和 "stop" 的兩個(gè) <li> 元素之間的所有同級(jí)元素：

$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color":"red","border":"2px solid red"});
});

結(jié)果：

nextUntil() 方法返回 selector 與 stop 之間的每個(gè)元素之后的所有同級(jí)元素。

同級(jí)元素是共享相同父元素的元素。

DOM 樹(shù)：該方法沿著 DOM 元素的同級(jí)元素向前遍歷。

注意：如果兩個(gè)參數(shù)都為空，該方法將返回元素之后的所有同級(jí)元素（與 nextAll() 方法相同）。

相關(guān)方法：

$(selector).nextUntil(stop,filter)

參數(shù)	描述
stop	可選。表示在哪里停止搜索元素之后匹配的同級(jí)元素的選擇器表達(dá)式、元素、jQuery 對(duì)象。
filter	可選。規(guī)定縮小搜索介于 selector 與 stop 之間的同級(jí)元素范圍的選擇器表達(dá)式。注意：如需返回多個(gè)同級(jí)元素，請(qǐng)使用逗號(hào)分隔每個(gè)表達(dá)式。