jQuery的：追加（）为每个元素

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'); 
 

，但我得到双重每个td中的。

我想念什么？

Answer 1

你可以这样使用each();

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

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