Question

我正在尝试以这样的方式动态创建表：生成代码如下：

        <table id="TblInvoiceList">

    <tr><td>name</td><td>amount</td></tr>
    <tr class="white"><td colspan="2"><p>bla bla<p></td></tr>

</table>

这是我的代码：

createTable: function () {
    var lastRow = $('#TblInvoiceList tr:last');

    var newRow = $('<tr>');
    newRow.append($('<td>').text($('input.Name').val()), $('<td>').text($('input.GrossAmount').val()));
            lastRow.before(newRow);

    var hiddenRow = $('<tr>');
    hiddenRow.append($('<td colspan="3">'+ '<p>').text('bla bla'));
    newRow.after(hiddenRow);}

但是生成的代码没有带有colspan的td单元格的

标记。我如何生成以下内容：

<td colspan='2'><p> bla bla </p><td>

Answer 1

使用.append（），你可以直接输入html，所以你可以这样做：

var someText = 'bla bla';
hiddenRow.append("<td colspan='2'><p>" + someText + "</p></td>");

使用jquery中的段落动态创建td单元格

1 个答案: