动态生成表格内的表格

Question

我有一个Web应用程序，它使用HTML通用控件来生成表。我在动态创建的每一行中都有一个按钮。我的问题是，如何在保存按钮的相应行下添加新表？

Answer 1

这是一个使用jQuery的例子，在我的经验中操纵纯JS的表格有点笨拙。

See on jsFiddle

<强> HTML

<table>
    <tr>
        <td><button class="add-table">Add table</button></td>
    </tr>
    <tr>
        <td><button class="add-table">Add table</button></td>
    </tr>
</table>

<强>的jQuery

$(document).ready(function () {
    $('.add-table').click(function () {
        $(this).after('<table>\
            <tr>\
            <td>New table</td>\
            </tr>\
            </table>');
    });
});