在jQuery中添加表行

Question

在jQuery中添加表行jQuery中向表中添加额外行作为最后一行的最佳方法是什么？这可以接受吗？$('#myTable').append('<tr><td>my data</td><td>more data</td></tr>');您可以添加到这样的表(例如输入、选择、行数)是否有限制？

Answer 1

jQuery有一个内置工具，可以动态地操作DOM元素。

您可以将任何内容添加到您的桌子上，如下所示：

$("#tableID").find('tbody')
    .append($('<tr>')
        .append($('<td>')
            .append($('<img>')
                .attr('src', 'img.png')
                .text('Image cell')
            )
        )
    );

这个$('<some-tag>')jQuery中的东西是一个标记对象，可以有以下几个attr可以设置和获取的属性，以及text，它表示此处标记之间的文本：<tag>text</tag>.

这是一些非常奇怪的缩进，但是对于您来说，在这个示例中更容易看到发生了什么。