最新的Web開發教程
 

jQuery nextAll() Method

<jQuery的遍歷方法

每個返回所有下一同級元素<li>與類名的元素"start"

$(document).ready(function(){
    $("li.start").nextAll().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)
試一試»

定義和用法

nextAll()方法返回所選元素的所有下一個同級元素。

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

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

相關的方法:

  • next() -返回所選元素的下一個同級元素
  • nextUntil() -返回兩個給定的參數之間的所有下一同級元素

句法

$(selector).nextAll( filter )

參數 描述
filter 可選的。 指定選擇器表達式來縮小為下兄弟姐妹搜索

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

試一試 - 示例

縮小搜索範圍
如何篩選用於下一個同級元素搜索。

返回多個兄弟姐妹
使用過濾器參數獲得的所有兄弟<h2>具有類名稱的元素"first", "second""third"

選擇所有的下一個兄弟元素<p>元素
如何選擇各下一同級元素<p>元素。

選擇所有下一個兄弟<p>元素<div>
如何選擇所有的下一個兄弟<p>每個元素<div>元素。


<jQuery的遍歷方法