jQuery next() 方法
實例
返回帶有類名"start" 的每個<li> 元素的後一個同級元素:
$(document).ready(function(){
$("li.start").next().css({"color":"red","border":"2px solid red"});
});
$("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() -返回兩個給定參數之間的每個元素之後的所有同級元素
語法
$(selector).next( filter )
参数 | 描述 |
---|---|
filter | 可选。规定缩小搜索后一个同级元素范围的选择器表达式。 |
更多實例
選取每個<div>元素的後一個同級元素
如何選取每個<div> 元素的後一個同級元素。
縮小搜索範圍
如何選取每個<div> 元素的後一個同級<p> 元素。