Latest web development tutorials

jQuery nextUntil() 方法

jQuery 遍歷方法 jQuery遍歷方法

實例

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

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

結果:

    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之間的每個元素之後的所有同級元素。

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

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

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

相關方法:

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

語法

$(selector).nextUntil( stop,filter )

参数 描述
stop 可选。表示在哪里停止搜索元素之后匹配的同级元素的选择器表达式、元素、jQuery 对象。
filter 可选。规定缩小搜索介于 selectorstop 之间的同级元素范围的选择器表达式。

注意:如需返回多个同级元素,请使用逗号分隔每个表达式。

實例

更多實例

縮小搜索範圍
使用兩個參數來過濾對介於兩個參數之間的每個元素之後的同級元素的搜索。

返回多個同級元素
如何返回介於兩個參數之間的多個同級元素。

DOM
使用DOM 元素代替選擇器來返回介於兩個給定參數之間的所有同級元素。

使用帶有兩個參數的DOM
使用帶有兩個參數的DOM 代替選擇器來過濾對介於兩個參數之間的每個元素之後的同級元素的搜索。


jQuery 遍歷方法 jQuery遍歷方法