使用跨瀏覽器向表中添加新行JQuery

-1

我有一個表，我想添加一個新行。這可以做到2-3行JQuery和cross-browser？使用跨瀏覽器向表中添加新行JQuery

下面是現場代碼：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>

來源

2016-10-04 user2680614

你可以嘗試像[這裏]（http://stackoverflow.com/questions/7317714/clone- or-copy-of-existing-crystal-reports） –

嘗試。

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

這將追加7個TD對您的TR當用戶點擊添加新的線路按鍵

來源

2016-10-04 02:34:32

請提供該代碼的完整描述以及它爲什麼修復了提問者的問題。 – Soviut

你介意提供一個只有一行和可編輯文本的工作示例嗎？ – user2680614

試試這個。我沒有檢查它的跨瀏覽器兼容性。因此請檢查可用於不同瀏覽器的其他屬性「contenteditable」 –

使用跨瀏覽器向表中添加新行JQuery

回答

相關問題