jQueryのnext()メソッド
例
クラス名と各<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() -の後に指定されたパラメータの各要素にすべての2人の兄弟を返します。
文法
$(selector).next( filter )
参数 | 描述 |
---|---|
filter | 可选。规定缩小搜索后一个同级元素范围的选择器表达式。 |
より多くの例
兄弟要素の後にそれぞれの<div>要素を選択
兄弟要素の後、<div>要素のそれぞれを選択する方法。
検索結果を絞り込みます
兄弟<p>要素の後、<div>要素のそれぞれを選択する方法。