JQuery獲得陣列的第n個元素

Question

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

我怎麼能得到.column中的第一個，第二個或第三個元素？

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

使用slice（）函數： 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

你可以使用:lt（小於）選擇並告訴它你想0, 1, and 2通過指示低於指數3所有.column元素：

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

演示：http://jsbin.com/icevih/edit#javascript,html