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

Но я получаю двойной span в каждом td.

Я что-то пропустил?

Answer 1

Вы можете использовать each():

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

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