Jquery遍历数组

时间:2014-08-12 15:44:55

标签: javascript jquery

我想创建一个数组,并希望使用JQuery进行迭代。我怎样才能做到这一点?我创建了一个数组,但我不知道如何迭代它。

我试过以下但是徒劳无功;

var test = ["First element", "Second", "Last"];

$(test).each(function() { 
  var se = test.val(); 
  alert (se);
});

5 个答案:

答案 0 :(得分:2)

var numberArray = [0,1,2,3,4,5];
jQuery.each(numberArray , function(index, value){
     console.log(index + ':' + value); 
});
//outputs: 1:1 2:2 3:3 4:4 5:5

答案 1 :(得分:1)

数组上的 jQuery each方法返回2个参数:indexvalue。所以你的代码应该是:

$( test ).each(function( index, value ) { 
    alert( value );
});

答案 2 :(得分:0)

您需要将参数添加到each。在数组的情况下(因为每个数组都在数组和对象上工作),第二个参数是数组元素本身(第一个是索引号)。

var test = ["First element", "Second", "Last"];

$(test).each(function(index, element) { 
  var se = element;
  console.log(se);
});

香草JS等同物:

test.forEach(function (el) {
  console.log(el);
});

答案 3 :(得分:0)

你可以用普通的JS做得更好,现在你可以在this JSfiddle

中找到这两种实现方式
var test = ["First element", "Second", "Last"];

//JQuery 
$(test).each(function(index) {
    alert(test[index]);
});

//vanilla JS
test.forEach(function(element) {
    alert(element);
}); 

答案 4 :(得分:0)

以下是如何将jQuery.each( array, callback )与数组一起使用:

var test = ["First element", "Second", "Last"];
$.each(test, function( i, v ) { 
    alert( v );
});