jQuery如何创建循环以避免重复

时间:2018-05-20 11:59:55

标签: jquery

我有一个带有值的文本文件,我在页面上阅读并显示这些值。我试图弄清楚是否有办法创建一个jQuery循环来处理这些信息,所以没有多少重复:

   $('#number1').text(table[0][2]);
   $('#number2').text(table[1][2]);
   $('#number3').text(table[2][2]);
   $('#number4').text(table[3][2]);
   $('#number5').text(table[4][2]);
   $('#number6').text(table[5][2]);

提前谢谢!

3 个答案:

答案 0 :(得分:2)

假设页面中的元素顺序与数组的顺序相同,您可以使用text(function)循环遍历集合中的所有元素,并在集合中公开它们的索引。

$('#number1,#number2,#number3....').text(function(i){
  return table[i][2];
});

如果所有这些元素都有一个共同的类,那么它将简化初始选择器

答案 1 :(得分:2)

扩展循环/迭代基础知识和代码中的逻辑,我认为最简单的方法是:

for(var i = 0; i < table.length; i++) {
  $('#number' + (i+1)).text(table[i][2]);
}

答案 2 :(得分:1)

$.each( table, function ( index ) {
    $( "#number"  + ( index + 1 ) ).text( table[ index ][ 2 ] );
});