JQuery lấy phần tử thứ n của mảng

Question

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

Làm cách nào để nhận phần tử thứ nhất, thứ hai hoặc thứ ba trong .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

Sử dụng các Slice() chức năng: http://api.jquery.com/slice/

Xem câu hỏi: How to select a range of elements in jQuery

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

Answer 3

Tôi thích chuỗi selector, vì vậy tôi thường làm điều này:

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

Answer 4

Bạn có thể sử dụng :lt selector (ít hơn) và nói với nó bạn muốn 0, 1, and 2 bằng cách chỉ ra tất cả .column yếu tố dưới đây index 3:

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

Demo: http://jsbin.com/icevih/edit#javascript,html