динамически создавая тд ячейку с абзацем в jquery

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);}

Но сгенерированный код неиметь тег

для ячейки td с colspan.Как я могу генерировать следующее:

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

Answer 1

С помощью .append () вы можете вставить html напрямую, чтобы вы могли сделать: