javascript - 将数组值分配给表格单元格 (Js)

Question

我试图为每个带有“.m”类的 td 提供数组中的一个值。

即第一个单元格给出数组中的第一个数字，第二个单元格给出第二个数字，依此类推。

问题是所有单元格都被赋予相同的值“1”

非常感谢任何帮助。

这是我迄今为止尝试过的:

JsFiddle:https://jsfiddle.net/Fraser_M/8cs5tcav/2/

HTML:

<table>
 <tr>
  <td class='m'></td>
  <td class='m'></td>
  <td class='m'></td>
  <td class='m'></td>
  <td class='m'></td>
  <td class='m'></td>
 </tr>
 <tr>
  <td class='m'></td>
  <td class='m'></td>
  <td class='m'></td>
  <td class='m'></td>
  <td class='m'></td>
  <td class='m'></td>
 </tr>
</table>

JS:

$(function() {

 var myArray = [1, 0, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1];
 var myArrayLength = myArray.length;


 for (var i = 0; i < myArrayLength; i++) {
   $('.m').text(myArray[i]);
 }

});

Answer 1

问题在于 $('.m') 每次迭代都会选择所有元素，因此它们都将被设置为数组中的最后一个元素。

我认为这就是您想要的:https://jsfiddle.net/z9t4w7s3/1/

编辑: fiddle 的代码块:

$(function() {
  var myArray = [1,0,0,1,0,0,1,0,1,0,1,1];
  var myArrayLength = myArray.length;
  $('.m').each(function(i, element) {
    $(element).html(myArray[i]);
  });
});