动态地在表行内生成表

本文关键字：动态 | 更新日期: 2023-09-27 18:02:22

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

动态地在表行内生成表

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

参见jsFiddle

<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>');
    });
});
相关文章：