jQuery siblings()メソッド
例
クラス名が「start」の各<li>要素のすべての兄弟要素を返します。
$(document).ready(function(){
$("li.start").siblings().css({"color": "red", "border": "2px solid red"});
});
結果:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
定義と使用法
siblings()メソッドは、選択した要素のすべての兄弟要素を返します。
兄弟要素は、同じ親を共有する要素です。
DOMツリー:このメソッドは、DOM要素の兄弟に沿って前後に移動します。
ヒント:prev() またはnext()メソッドを使用して、前または次の兄弟要素のみの検索を絞り込みます。
構文
$(selector).siblings(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements |
自分で試してみてください-例
を絞り込む両方のパラメーターを使用して、兄弟要素の検索をフィルター処理する方法。
すべての兄弟<p>要素の検索を絞り込む方法。