jQueryのsiblingsメソッド
メソッド
siblings
を使用すると、要素のすべての兄弟要素を見つけることができます。次のHTMLコードを見てみましょう:
<p>テキスト</p>
<p>テキスト</p>
<p id="test">テキスト</p>
<p>テキスト</p>
<p>テキスト</p>
次に、
siblings
メソッドを適用します:
$('#test').siblings().html('!');
メソッドにセレクターを渡すことで、兄弟要素をさらにフィルタリングすることができます。例えば、次のように:
$('#test').siblings('.zzz').html('!');
クラスがwwwのli要素のすべての兄弟要素を見つけてください。
クラスがwwwのli要素の、クラスtestを持つすべての兄弟要素を見つけてください。
クラスがwwwのli要素の、クラスtestを持たないすべての兄弟要素を見つけてください。