將元素從一個單元格複製到jquery中的另一個單元格

Question

使用jquery，我試圖在每個「title」div之後複製每個「price」div。

<table> 
    <tr> 
    <td><div class="title">Item Title 1</div></td> 
    <td><div class="price">$99.99</div></td> 
    <tr> 
    <tr> 
    <td><div class="title">Item Title 2</div></td> 
    <td><div class="price">$89.99</div></td> 
    <tr> 
    <tr> 
    <td><div class="title">Item Title 3</div></td> 
    <td><div class="price">$79.99</div></td> 
    <tr> 
</table> 

因此，這將是這樣的：

$(".price").each(function(){ 
    var newLink = $(this).clone(); 
    $(newLink).insertAfter('.title'); 
}); 

這不工作 - 它只是需要每一個價格，並附加：

<table> 
    <tr> 
    <td><div class="title">Item Title 1</div><div class="price">$99.99</div></td> 
    <td><div class="price">$99.99</div></td> 
    <tr> 
    <tr> 
    <td><div class="title">Item Title 2</div><div class="price">$89.99</div></td> 
    <td><div class="price">$89.99</div></td> 
    <tr> 
    <tr> 
    <td><div class="title">Item Title 3</div><div class="price">$79.99</div></td> 
    <td><div class="price">$79.99</div></td> 
    <tr> 
</table> 

我使用jQuery腳本嘗試它對每個標題（換句話說，你最終得到3個標題的價格）。

有沒有人有任何想法？

Answer 1

$(newLink).insertAfter('.title'); 

.title將找到所有具有該類的元素。要獲得相關的上，你的價格，你可以做

$(newLink).insertAfter($(this).closest('tr').find('.title'));