如何用jquery中的数组元素填充表？

Question

我有一个像这样的html表：

<table id="someTable">
   <tr>
       <td>
           <span></span>
       </td>
   </tr>
   <tr>
       <td>
           <span></span>
       </td>
   </tr>
   <tr>
       <td>
           <span></span>
       </td>
   </tr>
</table>

我有一个数组someArray，里面有三个值。我想迭代数组并将每个数组项设置为每行的跨度。

我尝试了像这样的jquery代码

$('#someTable tr').each(function(i) {
      $(this + 'td:first span').html(someArray[i]);
});

问题是它是将数组的最后一个值设置为所有跨度的修复方法吗？

Answer 1

使用.find()。将选择器附加到this将无效：

$('#someTable tr').each(function(i) {
      $(this).find('td:first span').html(someArray[i]);
});

Answer 2

您可以使用find()：

$('#someTable tr').each(function(i) {
  $(this).find('td:first span').html(someArray[i]);
});

或context选择器：

$('#someTable tr').each(function(i) {
  $('td:first span', $(this)).html(someArray[i]);
});