jquery - 如何创建新的表格元素？

Question

我创建代码但我不知道如何（tr）在表中添加 2 次请给我建议？

$(function() {

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

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

     .appendTo("#someContainer");

    });
});

HTML

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

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

Answer 1

此代码应该可以工作：

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

    });
});

Answer 2

您已关闭表行tr，但未向其中添加数据td。

它是因为您没有tr正确关闭而创建的。表格数据td应在表格行内tr

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

Answer 3

此代码可帮助您更好地理解

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