Latest web development tutorials

jQueryの兄弟()メソッド

jQueryのトラバーサル方法 jQueryのトラバーサル方法

各<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)

»をお試しください

定義と使用法

兄弟()メソッドは、選択した要素のすべての兄弟を返します。

兄弟要素は、同じ親要素を共有する要素です。

DOMツリー:トラバース兄弟のDOM要素に沿って前後にこの方法。

ヒント:使用する()前のページまたは次の()直前及び兄弟や兄弟要素の要素の後に検索を絞り込むために方法。


文法

$(selector).siblings( filter )

参数 描述
filter 可选。规定缩小搜索同级元素范围的选择器表达式。

例

より多くの例

検索結果を絞り込みます
類似の要素の検索をフィルタリングする2つのパラメータを使用する方法。

それぞれの<div>要素のすべての兄弟の<p>要素を選択します
それぞれの<div>要素のすべての兄弟<p>要素の探索範囲を狭くする方法。


jQueryのトラバーサル方法 jQueryのトラバーサル方法