Javascript 使用jquery向附加的子元素添加类名

我有一张这样的桌子

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

或案例2

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

---

for（var i=0；i一旦将元素添加到DOM中，您就无法判断它是否是动态添加的，除非您有这样的自定义代码。我建议更改
。将
附加到
，这样您就可以访问要添加的行，并可以调用
。addClass
：

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

var-tbl=$（“#表1”）；
$（“”）.appendTo（tbl）.addClass（“测试”）
您也可以将该类放入字符串中，然后追加或修改它（添加类），然后再追加。请注意，我的字符串中只有一个tr，但会多次追加它（可以选择按说明添加类）

var-tbl=$（“#表1”）；
var tr=''；
var td=‘新数据’；
//var addedrow=$（tr）.append（td）.addClass（“newclass”）；//将类添加到行中
var addedrow=$（tr）.append（td）；//创建新行对象
adddrow.find（'td'）.addClass（“newclass”）；//将类添加到新行中的td
var ar2=$（tr）.append（td）；
var ar3=$（tr）.append（td）；
tbl.append（addedrow[ar2，ar3]）；//追加新行
tbl.find（'tr'）.last（td）.addClass（“newclass”）；//将类添加到最后一行td

请在此处查看操作：
最好是可以将元素与其对应的类附加在一起。这将是一个小的性能增强：
tbl.append（“…”）
@Frogmouth是的，但如果是n行数，我必须手动为每行添加类名
for (var i=0;i<tbl.find('tr').length;i++) {
    tbl.find('tr').eq(i).addClass("test")
}

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

var tbl = $("#table1");
var tr = '<tr class="test"></tr>';
var td = '<td class="test">new data</td>';

//var addedrow = $(tr).append(td).addClass("newclass");//adds class to the row
var addedrow = $(tr).append(td);//create new row object
addedrow.find('td').addClass("newclass"); //adds class to the td in the new row
var ar2 = $(tr).append(td);
var ar3 = $(tr).append(td);
tbl.append(addedrow, [ar2, ar3]); // appends the new rows
tbl.find('tr').last(td).addClass("newclass");//add class to last rows td