jQuery next() 方法

2018-11-21 14:20 更新

jQuery next() 方法

jQuery 遍歷方法 jQuery 遍歷方法

實例

返回帶有類名 "start" 的每個 <li> 元素的后一個同級元素:

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

結果:

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

嘗試一下 ?

定義和用法

next() 方法返回被選元素的后一個同級元素。

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

注意:該方法只返回一個元素。

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

相關方法:

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

語法

$(selector).next(filter)

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

實例

更多實例

選取每個 <div> 元素的后一個同級元素
如何選取每個 <div> 元素的后一個同級元素。

縮小搜索范圍
如何選取每個 <div> 元素的后一個同級 <p> 元素。


jQuery 遍歷方法 jQuery 遍歷方法

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號