0
所以我试图从一个表复制一行到一个新的，然后添加一个额外的TD在克隆行的末尾与删除按钮。克隆表行并添加td
到目前为止，我已经能够复制行没有问题，但似乎找出了添加新的TD的方式。
var items = [];
$('.addme').click(function() {
var $this = $(this);
$this.toggleClass('addme');
if ($this.hasClass('addme')) {
$this.val('Tilføj').toggleClass('added');
} else {
$this.val('Tilføjet').toggleClass('added');
var newTr = $(this).closest("tr").clone();
items.push(newTr);
newTr.appendTo($("#products_chosen"));
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="products" class="table table-bordered table-striped table-shopsite display" cellspacing="0">
<thead>
<tr>
<th>ID</th>
<th>Producent</th>
<th>Navn</th>
<th>Land</th>
<th>Pris i kr. pr. kg.</th>
<th>Mængde</th>
<th>Favorit</th>
<th></th>
</tr>
</thead>
<tr>
<td>1726</td>
<td>Danroots</td>
<td>Gulerod</td>
<td>Danmark</td>
<td>5 kr</td>
<td><input type="number" value="" class="qty" name="qty"></input>
</td>
<td><i class="heart fa fa-heart-o fa-2x"></i></td>
<td><input type="button" id="add" class="addme" Value="Tilføj"></input>
</td>
</tr>
<tr>
<td>1726</td>
<td>Danroots</td>
<td>Gulerod</td>
<td>Tyskland</td>
<td>5 kr </td>
<td><input type="number" value="" class="qty" name="qty"></td>
<td><i class="heart fa fa-heart-o fa-2x"></i></td>
<td><input type="button" class="addme" Value="Tilføj"></input>
</td>
</tr>
<tr>
<td>1726</td>
<td>Danroots</td>
<td>Agurk</td>
<td>Spanien</td>
<td>5kr</td>
<td><input type="number" value="" class="qty" name="qty"></td>
<td><i class="heart fa fa-heart-o fa-2x"></i></td>
<td><input type="button" class="addme" Value="Tilføj"></input>
</td>
</tr>
</table>
<br> <br> <br>
<div class="table">
<table id="products_chosen" class="table table-bordered table-striped table-shopsite display" cellspacing="0">
<thead>
<tr class="active">
<th>ID</th>
<th>Producent</th>
<th>Navn</th>
<th>Land</th>
<th>Pris pr. kg.</th>
<th>Mængde</th>
<th>Favorit</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody <tr>
</tr>
</tbody>
<tfoot>
<tr>
</tr>
</tfoot>
</table>