如何使用Javascript向具有此结构的表中添加行？

如何使用Javascript向具有此结构的表中添加行

基本上，我希望能够单击一个按钮，并在表中为下面使用的每个列创建一个新行。例如，它可以是名称：新书，数量：30等

<table id="dynamictable">
    <tbody>
        <tr>
            <td class="name">My Favorite book</td>
            <td class="quantity">x&nbsp;20</td>
            <td class="unit_price">£8.99</td>
            <td class="total">£179.80</td>
            <td class="remove">
                <img src="image/cross.png">
            </td>
        </tr>
    </tbody>
</table>

我最喜欢的书
x20
£8.99
£179.80

var newRow='新书[…]'；//在此处添加所有代码
$（“#dynamictable tbody”）.append（newRow）；

---

应该这样做（未测试）。

单击按钮克隆第一行。填写新数据。然后将其附加到表中

$( '#mybutton' ).click(function(){
    var tr = $('#dynamictable tr').eq(0).clone();

    tr.find('td').each(function(){
        $(this).html( 'Put Your Data Here.' );
    });

    $('#dynamictable').append(tr);


});

---

jsiddle:

请看。您听说过clone（）吗？了解它。我一直对它有很好的效果，但是它似乎不再被维护-仍然很好地工作，尽管在每个标题下添加相同的信息。我想能够添加名称：幻想数量：30单位价格：2.30等。如何使用上述代码，这取决于您的数据源。数据源看起来像什么？

$( '#mybutton' ).click(function(){
    var tr = $('#dynamictable tr').eq(0).clone();

    tr.find('td').each(function(){
        $(this).html( 'Put Your Data Here.' );
    });

    $('#dynamictable').append(tr);


});