クロスブラウザJQueryを使用して新しい行をテーブルに追加します。

Question

テーブルがあり、新しい行を追加したいとします。これはJQueryの2〜3行で実行でき、cross-browserの作業はできますか？ここで

は、ライブコードです：https://jsfiddle.net/nwqmvo36/7/

   <tr> 
        <td><input type="checkbox" class="selectall" /></td> 
        <td data-title="Product" contenteditable="true">--</td> 
        <td data-title="Variation 1" contenteditable="true">--</td> 
        <td data-title="Variation 2" contenteditable="true">--</td> 
        <td data-title="Variation 3" contenteditable="true">--</td> 
        <td data-title="Variation 4" contenteditable="true">--</td> 
        <td data-title="Quantity" contenteditable="true">--</td> 
        <td data-title="Price" class="class" contenteditable="true">--</td> 
       </tr> 

Answer 1

これを試してみてください。

$(".vv div:first-child").click(function(){ 
    $("tr").append("<td></td><td></td><td></td><td></td><td></td><td></td><td></td>"); 
}); 

新しいラインボタン