JQueryは配列のn番目の要素を取得します

Question

$('#button').click(function() { 
    alert($('.column').val()); 
}); 

.columnの最初の要素、2番目の要素、または3番目の要素を取得するにはどうすればよいですか？

Answer 1

$('#button').click(function() { 
    alert($('.column').eq(0).val()); // first element 
    alert($('.column').eq(1).val()); // second 
    alert($('.column').eq(2).val()); // third 
}); 

Answer 2

スライス（）関数を使用します http://api.jquery.com/slice/

参照の質問： How to select a range of elements in jQuery

$('.column').slice(0, 2).each(function() { 
    $(this).val(); /* my value */ 
}); 

Answer 3

私はセレクタ文字列が好きなので、私は通常、次の操作を行います。

$('.column:eq(3)') // Fourth .column element 

Answer 4

をあなたは01を使うことができます（小なり）セレクタとインデックス3以下のすべての.columnの要素を示すことによって、あなたが0, 1, and 2をしたいということを教え：

$("#button").on("click", function(){ 
    $(".column:lt(3)").each(function(){ 
    alert(this.value); 
    }); 
}); 

デモ：