例
每個返回的下一個同級元素<li>與類名的元素"start" :
$(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() -返回兩個給定的參數之間的所有下一同級元素
句法
$(selector).next( filter )
參數 | 描述 |
---|---|
filter | 可選的。 指定選擇器表達式來縮小下一個同級搜索 |
試一試 - 示例
選擇每個的下一個兄弟<div>元素
如何選擇每個的下一個兄弟元素<div>元素。
縮小搜索範圍
如何選擇一個同級<p>每個元素<div>元素。