Selectors/API/jQuery
prev ~ siblings
兄弟関係を指定して要素を選択します。
prevで指定した要素以降に出てくる、兄弟関係にある全ての要素を選択します。
prevで指定した要素以降に出てくる、兄弟関係にある全ての要素を選択します。
サンプル
サンプル1
prevというidを持つ要素と兄弟関係にあるもののうち、div要素のみに枠線をつけます。
<div>
<div>ここはprevが出てくる前なので、枠線は付きません</div>
<div id="prev">
prevは出てきましたが、この要素自身は対象になりません
<div>ここは親子関係であり兄弟関係ではないので、対象外です</div>
</div>
<div>ここに枠線がつきます</div>
<div>ここにも枠線がつきますが、<div>ここは従兄弟にあたるので付きません</div></div>
<p>ここも兄弟ですが、divではないので付きません</p>
<div>ここには枠線がつきます</div>
</div>
$("#prev ~ div").css("border", "3px solid red");
[全コードを表示]
[実行結果を単体で表示]