javascript - 动态生成表格行内的表格

Question

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

Answer 1

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

参见 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>');
    });
});