jQuery nextAll() 方法

2018-11-21 14:20 更新

jQuery nextAll() 方法

jQuery 遍歷方法 jQuery 遍歷方法

實(shí)例

返回帶有類名 "start" 的每個(gè) <li> 元素之后的所有同級(jí)元素：

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

嘗試一下 ?

定義和用法

nextAll() 方法返回被選元素之后的所有同級(jí)元素。

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

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

相關(guān)方法：

  • next() - 返回被選元素的后一個(gè)同級(jí)元素
  • nextUntil() - 返回兩個(gè)給定參數(shù)之間的每個(gè)元素之后的所有同級(jí)元素

語法

$(selector).nextAll(filter)

參數(shù) 描述
filter 可選。規(guī)定縮小搜索元素之后的同級(jí)元素范圍的選擇器表達(dá)式。

注意：如需返回多個(gè)同級(jí)元素，請使用逗號(hào)分隔每個(gè)表達(dá)式。

實(shí)例

更多實(shí)例

縮小搜索范圍
如何過濾對(duì)元素之后的同級(jí)元素的搜索。

返回多個(gè)同級(jí)元素
如何使用 filter 參數(shù)返回帶有類名 "1"、"2" 和 "3" 的 <h2> 元素的所有同級(jí)元素。

選取 <p> 元素之后的的所有同級(jí)元素
如何選取 <p> 元素之后的的所有同級(jí)元素。

選取 <div> 之后的所有同級(jí) <p> 元素
如何選取每個(gè) <div> 元素之后的所有同級(jí) <p> 元素。

jQuery 遍歷方法 jQuery 遍歷方法

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)