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