最新的Web開發教程
 

jQuery nextUntil() Method

<jQuery的遍歷方法

返回之間的所有兄弟元素2 <li>與類名的元素"start""stop"

$(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()方法返回選擇器之間的所有下一個同級元素。

兄弟元素是共享同一個父元素。

DOM樹:此方法向前遍歷沿著DOM元素的兄弟姐妹。

注意:如果兩個參數都是空的,此方法將返回所有的下一個兄弟元素(同nextAll()方法)。

相關的方法:

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

句法

$(selector).nextUntil( stop,filter )

參數 描述
stop 可選的。 選擇器表達式,元素或jQuery對象,指示在何處停止下一個匹配兄弟元素搜索
filter 可選的。 指定選擇器表達式來縮小搜索的選擇之間的兄弟元素停止

注意:要返回多個兄弟姐妹,每個表達式用逗號分隔。

試一試 - 示例

縮小搜索範圍
同時使用參數來篩選兩個參數之間的下一個兄弟元素搜索。

返回多個兄弟姐妹
如何返回兩個參數之間的多個同級元素。

DOM
使用DOM元素,而不是一個選擇器的返回所有兄弟元素兩個給定參數。

使用DOM與這兩個參數
使用DOM元素,而不是一個選擇器和兩個參數來篩選兩個參數之間的下一個同級搜索。


<jQuery的遍歷方法