jQuery next() 方法

2018-11-21 14:20 更新

jQuery next() 方法

jQuery 遍歷方法 jQuery 遍歷方法

實(shí)例

返回帶有類(lèi)名 "start" 的每個(gè) <li> 元素的后一個(gè)同級(jí)元素:

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

結(jié)果:

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

嘗試一下 ?

定義和用法

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

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

注意:該方法只返回一個(gè)元素。

DOM 樹(shù):該方法沿著 DOM 元素的后一個(gè)同級(jí)元素向前遍歷。

相關(guān)方法:

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

語(yǔ)法

$(selector).next(filter)

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

實(shí)例

更多實(shí)例

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

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


jQuery 遍歷方法 jQuery 遍歷方法

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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)