siblingsメソッド

siblingsメソッドは、同じ親要素内にある要素のすべての兄弟要素を見つけます。

構文

兄弟要素の取得:

.siblings();

指定されたセレクターで兄弟要素をフィルタリングすることもできます（セットには、このセレクターを満たす兄弟要素のみが残ります）:

.siblings(セレクター);

#test要素を見つけ、そのすべての兄弟要素にメソッドhtmlを使ってテキスト'!'を設定してみましょう:

<p>外側</p>
<div>
	<p>内側</p>
	<p>内側</p>
	<p id="test">内側</p>
	<p>内側</p>
	<p>内側</p>
</div>
<p>外側</p>

$('#test').siblings().html('!');

HTMLコードは次のようになります:

<p>外側</p>
<div>
	<p>!</p>
	<p>!</p>
	<p id="test">内側</p>
	<p>!</p>
	<p>!</p>
</div>
<p>外側</p>

#test要素を見つけ、クラスwwwを持つすべての兄弟要素にメソッド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>

$('#test').siblings('.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>