如何創建新的表格元素？

我創建的代碼，但我不知道如何（tr）添加表2次請給我建議？如何創建新的表格元素？

$(function() { 

     $("#addProduct").click(function() { 
     $("<table />") 

    .append($("<tr /><td />"));   

    .appendTo("#someContainer"); 

    }); 
});

HTML

<button id="addProduct">Add Product</button> 

<div id="someContainer"></div>

來源

2013-06-24 user2424382

'.append（$（「」））' – mishik

[它工作得很好 - 你'只是沒有填充任何數據到表中]（http://jsfiddle.net/nQqRJ/）。你確定你在'$（document）.ready'回調中運行javascript嗎？ – h2ooooooo

您已關閉錶行tr不增加數據td它。

它被創建是因爲您沒有正確關閉tr。表中的數據td應在錶行tr

$("<table />").append($("<tr><td /></tr>")).appendTo("#someContainer");

來源

2013-06-24 07:16:06 Praveen

謝謝它是繼電器幫助完整 – user2424382

多想一下，如果我想連續添加5列並重復行，那麼我該怎麼辦？ – user2424382

我覺得這個做的工作（靜態方法）'$（「

」）.append（$（「」））appendTo（「＃someContainer」）;' – Praveen

此代碼應工作：

$(function() { 
    $("#addProduct").click(function() { 
     $('#someContainer').append('<table><tr><td>Works</td></tr></table>'); 

    }); 
});

來源

2013-06-24 07:13:56 Kenny

這個代碼可以幫助您更好地瞭解

$("#addProduct").click(function() { 
     var item="<table><tr><td></td></tr><tr><td></td></tr></table>"; 
      $("#someContainer").append(item); 
});

來源

2013-06-24 07:18:35

相關問題

如何創建新的表格元素？

回答

相關問題