jQuery 遍历 - prevUntil() メソッド

jQuery 遍历リファレンスマニュアル

例

各p要素のクラス名が"selected"のすべての同胞要素を検索します：

$("p").siblings(".selected")

自分で試してみてください

定義と用法

siblings()は、選択子をフィルタリングすることで、マッチングコレクションの各要素の同胞を取得します。選択子をフィルタリングすることはオプションです。

文法

.siblings(selector)
パラメータ 説明
selector 文字列値、要素に一致するための選択子表現を含む。

詳細な説明

DOM要素集合を表すjQueryオブジェクトが与えられた場合、.siblings()メソッドは、DOM木内でこれらの要素の同胞要素を検索し、一致する要素で構成された新しいjQueryオブジェクトを作成することができます。

このメソッドは、$()関数に渡すパラメータの種類と同じ選択子表現をオプションで受け入れます。この選択子を適用すると、要素がその選択子に一致するかどうかを検出することで要素をフィルタリングします。

この基本的なネストリストを持つページを考えてみてください：

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

3番目のプロジェクトから始める場合、その要素の同胞要素を見つけることができます：

$('li.third-item').siblings().css('background-color', 'red');

自分で試してみてください

この呼び出しの結果は、プロジェクト1、2、4、および5の背景を赤色に設定します。赤色の背景に設定します。選択子表現を適用していないため、すべての同胞要素が自然にオブジェクトの一部となります。選択子を適用している場合、4つのリストのうちの一致するプロジェクトのみが含まれます。

元の要素は同胞要素に含まれていないため、DOM木の特定のレベルにあるすべての要素を見つけることを意図している場合、重要なポイントを覚えておくことが重要です。

jQuery 遍历リファレンスマニュアル