jQuery next()メソッド
例
クラス名が「start」の各<li>要素の次の兄弟要素を返します。
$(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)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
自分で試してみてください-例
の次の兄弟要素を選択する各<div>要素の次の兄弟要素を選択する方法。
を絞り込み
ます各<div>要素の次の兄弟<p>要素を選択する方法。