使用 jquery 将类名添加到附加子元素

Question

我有一张这样的桌子。

<table id='table1'>
</table>

在这个表中，我使用 jquery 动态地将行添加到表中，如下所示。

var tbl = $("#table1");
tbl.append('<tr></tr><tr></tr><tr></tr>');

我可以使用 2 种方法将类添加到附加行，如下面的
情况 1

tbl.find('tr').eq(0).addClass("test");
tbl.find('tr').eq(1).addClass("test");

或情况2

for (var i=0;i<tbl.find('tr').length;i++) {
    tbl.find('tr').eq(i).addClass("test")
}

我的问题是有什么方法可以将相同的类名添加到动态附加的行中。期待在 jquery 中得到答案。提前致谢。

Answer 1

一旦将元素添加到 DOM，您就无法判断它是否是动态添加的，除非您有执行此操作的自定义代码。我建议更改.append为，.appendTo以便您可以访问要添加的行并可以调用.addClass：

var tbl = $("#table1");
$('<tr></tr><tr></tr><tr></tr>').appendTo(tbl).addClass("test")