jQuery siblings()メソッド

❮jQueryトラバースメソッド

クラス名が「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>要素の検索を絞り込む方法。


❮jQueryトラバースメソッド