jQuery nextUntil() 方法

2018-11-21 14:20 更新

jQuery nextUntil() 方法

jQuery 遍歷方法 jQuery 遍歷方法

實(shí)例

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

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

結(jié)果:

    ul (parent)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "stop")

嘗試一下 ?

定義和用法

nextUntil() 方法返回 selectorstop 之間的每個(gè)元素之后的所有同級元素。

同級元素是共享相同父元素的元素。

DOM 樹:該方法沿著 DOM 元素的同級元素向前遍歷。

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

相關(guān)方法:

  • next() - 返回被選元素的后一個(gè)同級元素
  • nextAll() - 返回被選元素之后的所有同級元素

語法

$(selector).nextUntil(stop,filter)

參數(shù) 描述
stop 可選。表示在哪里停止搜索元素之后匹配的同級元素的選擇器表達(dá)式、元素、jQuery 對象。
filter 可選。規(guī)定縮小搜索介于 selectorstop 之間的同級元素范圍的選擇器表達(dá)式。

注意:如需返回多個(gè)同級元素,請使用逗號分隔每個(gè)表達(dá)式。

實(shí)例

更多實(shí)例

縮小搜索范圍
使用兩個(gè)參數(shù)來過濾對介于兩個(gè)參數(shù)之間的每個(gè)元素之后的同級元素的搜索。

返回多個(gè)同級元素
如何返回介于兩個(gè)參數(shù)之間的多個(gè)同級元素。

DOM
使用 DOM 元素代替選擇器來返回介于兩個(gè)給定參數(shù)之間的所有同級元素。

使用帶有兩個(gè)參數(shù)的 DOM
使用帶有兩個(gè)參數(shù)的 DOM 代替選擇器來過濾對介于兩個(gè)參數(shù)之間的每個(gè)元素之后的同級元素的搜索。


jQuery 遍歷方法 jQuery 遍歷方法

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號