將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的）。請經常檢查您的控制檯是否有錯誤，因爲這些錯誤本應該很直接。