如何创建新的表元素?

时间:2013-06-24 07:11:49

标签: jquery html

我创建代码但我不知道(tr)如何在表中添加2次请给我建议?

$(function() {

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

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

     .appendTo("#someContainer");

    });
});

HTML

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

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

3 个答案:

答案 0 :(得分:0)

此代码应该有效:

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

    });
});

答案 1 :(得分:0)

  

您已关闭表格行tr而未向其添加数据td

创建它是因为您未正确关闭tr。表格数据td应位于表格行tr

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

答案 2 :(得分:0)

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

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