在jQuery中添加表行

Question

在jQuery中添加表行

jQuery中向表中添加额外行作为最后一行的最佳方法是什么？

这可以接受吗？

$('#myTable').append('<tr><td>my data</td><td>more data</td></tr>');

您可以添加到这样的表(例如输入、选择、行数)是否有限制？

Answer 1

jQuery有一个内置工具，可以动态地操作DOM元素。您可以将任何内容添加到您的桌子上，如下所示：$("#tableID").find('tbody') &nbsp;&nbsp;&nbsp;&nbsp;.append($('<tr>') &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.append($('<td>') &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.append($('<img>') &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.attr('src',&nbsp;'img.png') &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.text('Image&nbsp;cell') &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;) &nbsp;&nbsp;&nbsp;&nbsp;);这个$('<some-tag>')jQuery中的东西是一个标记对象，可以有以下几个attr可以设置和获取的属性，以及text，它表示此处标记之间的文本：<tag>text</tag>.这是一些非常奇怪的缩进，但是对于您来说，在这个示例中更容易看到发生了什么。