使用跨浏览器 JQuery 向表中添加新行

Question

我有一个表，我想添加一个新行。这可以在 JQuery 的 2-3 行中完成并工作 cross-browser 吗？

这是实时代码：https://jsfiddle.net/nwqmvo36/7/

                <tr>
                    <td><input type="checkbox" class="selectall" /></td>
                    <td data-title="Product" contenteditable="true">--</td>
                    <td data-title="Variation 1" contenteditable="true">--</td>
                    <td data-title="Variation 2" contenteditable="true">--</td>
                    <td data-title="Variation 3" contenteditable="true">--</td>
                    <td data-title="Variation 4" contenteditable="true">--</td>
                    <td data-title="Quantity" contenteditable="true">--</td>
                    <td data-title="Price" class="class" contenteditable="true">--</td>
                </tr>

Answer 1

试试这个。

$(".vv div:first-child").click(function(){
    $("tr").append("<td></td><td></td><td></td><td></td><td></td><td></td><td></td>");
});

当用户单击添加新行按钮时，这将在您的 tr 中附加 7 个 td