将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的）。请经常检查您的控制台是否有错误，因为这些错误本应该很直接。