siblingsメソッド
siblingsメソッドは、
同じ親要素内にある要素のすべての兄弟要素を見つけます。
構文
兄弟要素の取得:
javascript.siblings();
指定されたセレクターで兄弟要素をフィルタリングすることもできます （セットには、このセレクターを満たす兄弟要素のみが残ります）:
javascript.siblings(セレクター);
例
#test要素を見つけ、そのすべての兄弟要素に
メソッドhtmlを使って
テキスト'!'を設定してみましょう:
html<p>外側</p>
<div>
<p>内側</p>
<p>内側</p>
<p id="test">内側</p>
<p>内側</p>
<p>内側</p>
</div>
<p>外側</p>javascript$('#test').siblings().html('!');
HTMLコードは次のようになります:
html<p>外側</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">内側</p>
<p>!</p>
<p>!</p>
</div>
<p>外側</p>
例
#test要素を見つけ、クラスwwwを持つ
すべての兄弟要素にメソッドhtmlを使って
テキスト'!'を設定してみましょう:
html<p>外側</p>
<div>
<p>内側</p>
<p class="www">内側</p>
<p>内側</p>
<p id="test">内側</p>
<p>内側</p>
<p class="www">内側</p>
<p>内側</p>
</div>
<p>外側</p>javascript$('#test').siblings('.www').html('!');
HTMLコードは次のようになります:
html<p>外側</p>
<div>
<p>内側</p>
<p class="www">!</p>
<p>内側</p>
<p id="test">内側</p>
<p>内側</p>
<p class="www">!</p>
<p>内側</p>
</div>
<p>外側</p>