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