如何使用javascript为表中添加的新行设置ID或css选择器

我已经编写了一个代码，用于向表中添加新行，请参见下面的代码

$("#example tbody tr").each(function(i, object) {       
        var safeHtml= gwt.@com.my.sample.client.gwt.GWTExpandCollapse::getRowValue(I)(i);//Calling GWT Java Method which return HTML                
         $(object).after(safeHtml); //Inserting new row     
        //How to assign (ID or CSS) to the above inserted row
    });

上面的代码工作正常，但我需要为新插入的行分配（ID或CSS选择器），我搜索了它，但没有找到任何线索。如何使用Javascript实现这一点？有帮助吗

注意：请参见下图，新添加的行可能包含行内的任何想法。 您可以使用.attr（）

$（“#示例tbody tr”）。每个（函数（i，对象）{
var safeHtml=gwt@com.my.sample.client.gwt.gwtextPandCollapse:：getRowValue（I）（I）；//调用返回HTML的gwt Java方法
var newSafeHtml=$.parseHTML（新字符串（safeHtml.toString（））.replace（“，”）；
$（对象）.after（newSafeHtml）；//插入新行
});

html

jquery

var i = 1;
$("tr").each(function () {
    var safeHtml = '<tr><td>test</td><td>test</td><td>test</td></tr>';
    $(this).after(safeHtml);
    $(this).next().addClass("yourclassname"+i);
    i = i+1;
});

var i=1；
$（“tr”）。每个（功能）{
var safeHtml='testtest'；
$（this）.after（safeHtml）；
$（this.next（）.addClass（“yourclassname”+i）；
i=i+1；
});

使用以下代码设置css选择器

$("#example tbody tr").each(function(i, object) {       
        var safeHtml= gwt.@com.my.sample.client.gwt.GWTExpandCollapse::getRowValue(I)(i);             
         $(object).after(safeHtml); //Inserting new row     
         $(object).next().addClass("hideShow");
    });

---

新插入的行的外观如何？可以显示它的标记吗？可以在调用

$（对象）之前显示变量
safeHtml
的值吗安全HTML可以是任何类似“全名：”“+i+””；感谢Nilay..我试过了，但是它将id添加到上面的行$（object.attr（'id'，'item'+i.toString（））；正在将attr添加到旧行而不是新行噢，是的。抱歉，我正在更新。上面的解决方案不起作用（id未添加到新行）…还有其他线索吗
.yourclassname1 {
    color:red;
}
.yourclassname2 {
    color:green;
}

var i = 1;
$("tr").each(function () {
    var safeHtml = '<tr><td>test</td><td>test</td><td>test</td></tr>';
    $(this).after(safeHtml);
    $(this).next().addClass("yourclassname"+i);
    i = i+1;
});

$("#example tbody tr").each(function(i, object) {       
        var safeHtml= gwt.@com.my.sample.client.gwt.GWTExpandCollapse::getRowValue(I)(i);             
         $(object).after(safeHtml); //Inserting new row     
         $(object).next().addClass("hideShow");
    });