将td附加到表

Question

我有一个问题是将另一行追加到我现有的表格中。

$('.vv div:first-child').on('click', function(){
 $("tbody").append("<tr><td><input type="checkbox" class="selectall" /></td><td><span class="hdv dsp">Product</span><span class="hdv" contenteditable="true">--</span></td><td><span class="hdv dsp" contenteditable="true">Variation 1</span><span class="hdv" contenteditable="true">--</span></td><td><span class="hdv dsp" contenteditable="true">Variation 2</span><span class="hdv" contenteditable="true">--</span></td><td><span class="hdv dsp" contenteditable="true">Variation 3</span><span class="hdv" contenteditable="true">--</span></td><td><span class="hdv dsp" contenteditable="true">Variation 4</span><span class="hdv" contenteditable="true">--</span></td><td><span class="hdv dsp">Quantity</span><span class="hdv" contenteditable="true">1</span></td><td><span class="hdv dsp">Price</span><span class="hdv" contenteditable="true">$00.00</span></td></tr>");

我不确定我错过了什么或做错了什么。我尝试上面的代码无济于事。

这是我要将其附加到的表：https://jsfiddle.net/nwqmvo36/14/

Answer 1

https://jsfiddle.net/nwqmvo36/15/

首先，这是一个问题

.append("<tr><td><input type="checkbox"

问题是您的报价现在不再正确排列。在这些情况下，最好使用替代'，如下所示：

.append('<tr><td><input type="checkbox" ... all that other html ... ');

此外，您忘记在jsFiddle中引用$（jQuery）。请始终检查您的控制台是否有错误，因为这些错误应该很容易解决。