例
各の次の兄弟要素を返します<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() - 2指定された引数の間のすべての次の兄弟要素を返します。
構文
$(selector).next( filter )| パラメーター | 説明 |
|---|---|
| filter | 任意。 次の兄弟の検索を絞り込むためにセレクタ式を指定します。 |
それを自分で試してみてください - 例
各の次の兄弟選択<div>要素を
各の次の兄弟要素を選択する方法<div>要素を。
検索を絞り込みます
次の兄弟を選択する方法<p>各要素<div>要素を。