Question

我有表，想要从数组到每个单元格过去的数据。只有一个数据到一个单元格。

  <table style="border: 1px solid #333">
    <tr>
      <th>#1</th>
      <th>#2</th>
      <th>#3</th>
      <th>#4</th>
      <th>#5</th>
      <th>#6</th>
    </tr>
    <tr>
      <td></td>
      <td></td> 
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
</table>

我尝试不起作用的js：

$(document).ready(function(){
  var pole = [11,22,31,4,5,6];
  $.each(pole, function(i, val){
    $('table td').html(pole[i]);
  }
});

可以请求帮助吗？感谢

Answer 1

您需要使用正确的选择器来定位每次迭代中的tds。使用.eq()选择器以及每个iteartion的index属性来执行此操作：

var pole = [11,22,31,4,5,6];
 $.each(pole, function(i, val){
 $('table td').eq(i).html(val);
});

<强> Working Demo

Answer 2

试试这个：

Example

$(document).ready(function(){

      var pole = [11,22,31,4,5,6];
      $.each(pole, function(i, val){
        $('table td').eq(i).html(pole[i]);
      });
    });

Answer 3

将this用于当前对象

 var pole = [11,22,31,4,5,6];
  $("table tr td").each(function(i, val){
    $(this).html(pole[i]);
  });

DEMO

Answer 4

在javascript中通过id获取元素，然后用td标签和你想要的值替换innerHTML。

从数组到表的每个td单元的数据

4 个答案: