テーブルに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の）を参照することを忘れ：それはそうのように、代替'を使用するには、これらの状況で最善の方法です。これらの問題に対処するには、むしろ直感的であったはずです。