JQuery获取数组的第n个元素

时间:2012-05-13 02:57:11

标签: jquery arrays

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

我怎样才能获得.column中的第一,第二或第三个元素?

4 个答案:

答案 0 :(得分:31)

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

答案 1 :(得分:6)

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

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

答案 2 :(得分:3)

使用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 */
});

答案 3 :(得分:2)

您可以使用:lt(小于)选择器,通过指出索引0, 1, and 2下方的所有.column元素来告诉您需要3

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

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