jQuery next() 方法
示例
返回類名為“start”的每個 <li> 元素的下一個同級元素
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
結果
ul (父級)- li (同級)
- li (同級)
- li (帶有類名“start”的同級)
- li (同級)
- li (同級)
自己動手試一試 »
定義和用法
next() 方法返回所選元素的下一個同級元素。
同級元素是指具有相同父元素的元素。
DOM 樹：此方法沿 DOM 元素的下一個同級元素向前遍歷。
相關方法
- nextAll() - 返回所選元素的所有下一個同級元素
- nextUntil() - 返回兩個給定引數之間的所有下一個同級元素
語法
$(selector).next(filter)
| 引數 | 描述 |
|---|---|
| 篩選器 | 可選。指定一個選擇器表示式來縮小下一個同級元素的搜尋範圍 |
親手嘗試 - 示例
選擇每個 <div> 元素的下一個同級元素
如何選擇每個 <div> 元素的下一個同級元素。
縮小搜尋範圍
如何選擇每個 <div> 元素的下一個 <p> 同級元素。
