Appending td an Tabelle

Question

Ich habe ein Problem beim Anhängen einer anderen Zeile an meine vorhandene Tabelle.

$('.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>"); 

Ich bin nicht sicher, was ich vermisse oder falsch mache. Ich habe den obigen Code vergeblich versucht.

Das ist der Tisch ich es zu befestigen versuchen: https://jsfiddle.net/nwqmvo36/14/

Answer 1

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

Erstens ist dies ein Problem

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

Das Problem ist, dass Sie Ihre Angebote sind jetzt nicht mehr Futter richtig auf. Am besten ist es in diesen Situationen die alternativen ' zu verwenden, etwa so:

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

Außerdem vergessen Sie $ (jQuery) in Ihrem jsFiddle zu verweisen. Bitte überprüfen Sie immer Ihre Konsole auf Fehler, da diese recht einfach zu behandeln sein sollten.