スポンサード リンク
jquery first()メソッド
firstメソッドは、セレクタで指定した要素の内容の最初の要素を指定します
使い方は簡単です。セレクタとメソッドの間に.first()を記述するだけです
.first()
指定したHTML要素の内容の最初の要素を指定します
ボタンをクリックしたときにセレクタで指定したHTML要素の内容になっている最初の要素のテキストが変更されます。今回はid名がhogeの子要素の中で1番始めのdiv要素を指定しました
jquery
$(function() { $("button").click(function(){ $("#hoge div").first().text("この要素を指定しました"); }); });css
#hoge{ border: solid 1px; padding: 5px; } #hoge div{ border: solid 1px; }
html
<button>ボタン</button> <div id="hoge">セレクタで指定された要素 <div>子要素。まだ指定されていません</div> <div>子要素。まだ指定されていません</div> <div>子要素。まだ指定されていません</div> </div>
サンプル