如何创建新的表格元素？

我创建的代码，但我不知道如何（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

如何创建新的表格元素？

回答

相关问题