2014年6月27日金曜日

jQuery eq によるエレメントの取得

複数のエレメントが存在する中から特定のものを取得する際には eq() メソッドが便利です。
例えば複数のボタンタグから2番目の要素を取得し、背景色を変更する場合下記のように記述します。
eq の引数は 0 スタートのインデクサを指定します。

Script
$(function () {
    // 2つ目のボタンの背景色と前景色を変更
    $("input:button").eq(1).css({"background-color":"navy", "color":"white"});
});

HTML
<input type="button" value="button" />
<input type="button" value="button" />
<input type="button" value="button" />
<input type="button" value="button" />
<input type="button" value="button" /> 


実行結果

0 件のコメント:

コメントを投稿