jQuery：为每个元素添加append（）

Question

我有一张桌子和一张清单：

<table>
  <tr>
       <td>Jack</td>
       <td class="date"></td>
  </tr>

  <tr>
       <td>David</td>
       <td class="date"></td>
  </tr>

  ...
</table>

<hr />

<span class="inline-date">2012</span>
<span class="inline-date">2013</span>

我想将每个span.inline-date附加到每个td.date，如下所示：

<table>
  <tr>
       <td>Jack</td>
       <td class="date"><span class="inline-date">2012</span></td>
  </tr>

  <tr>
       <td>David</td>
       <td class="date"><span class="inline-date">2013</span></td>
  </tr>

  ...
</table>

我累了：

  
  $("span.inline-date").appendTo('table td.date');
  
  

但我在每个span中得到了双td。

我错过了什么？

Answer 1

您可以像这样使用each();

var cells = $('table td.date');

$('span.inline-date').each(function (i) {
    cells.eq(i).append($(this));
});