スポンサード リンク
jquery siblings()メソッド
siblingsメソッドは、セレクタで指定した要素の兄弟要素を全て指定します
使い方は簡単です。セレクタとメソッドの間に.siblings()を記述するだけです
前後にある兄弟要素全て指定します
.siblings()
兄弟要素を限定する場合(指定した要素に限定されます)
.siblings("セレクタ")
指定したHTML要素の兄弟要素を全て指定します
ボタンをクリックしたときにセレクタで指定したHTML要素の兄弟要素の全てのテキストが変更されます
jquery
$(function() { $("button").click(function(){ $("#hoge").siblings().text("この要素を指定しました"); }); });css
#oya{ border: solid 1px; padding: 5px; } #oya div{ border: solid 1px; } #hoge{ border: solid 1px; }
html
<button>ボタン</button> <div id="oya">親要素 <div>兄弟要素。まだ指定されていません</div> <div>兄弟要素。まだ指定されていません</div> <div>兄弟要素。まだ指定されていません</div> <div id="hoge">セレクタで指定された要素</div> <div>兄弟要素。まだ指定されていません</div> <div>兄弟要素。まだ指定されていません</div> <div>兄弟要素。まだ指定されていません</div> </div>
サンプル