jquery - 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

我喜欢选择器字符串，所以我通常这样做：

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

Answer 3

使用 Slice() 函数： http ://api.jquery.com/slice/

请参阅问题： 如何在 jQuery 中选择一系列元素

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

Answer 4

您可以使用:lt(小于) 选择器并0, 1, and 2通过指示.columnindex 下方的所有元素来告诉它您想要3：

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

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