javascript - 如何在添加一行后重置表行的类别

Question

每次用户添加新行而不刷新页面时，我都会添加一行。并重置我正在使用的行类 .each() 但它无法正常工作。它为每个新行添加了奇怪的类。

$("#tbadver").prepend("<tr id='tr_"+advID+"'>"
    +"<td >"+advName.val()+"</td>"
    +"<td >"+email.val()+"</td>"
    +"<td >"+phone.val()+"</td>"
    +"<td >"+mobile.val()+"</td>"
    +"<td >"+contactName.val()+"</td>"
    +"<td >"+contactEmail.val()+"</td>"
    +"<td >"+contactMobile.val()+"</td>"
    +"</tr>");
jQuery(".tbl-grid tr").each(function(e)
{
    $(e).find("tr:odd").addClass("odd");
    $(e).find("tr:even").addClass("even");
});

Answer 1

您应该首先重置所有表类：

$("tbl-grid tr").removeClass("odd even");
$("tbl-grid tr:odd").addClass("odd");
$("tbl-grid tr:even").addClass("even");

您不需要解析所有 tr each，只需解析 dom。

此外，请确保您在“现场”活动中这样做，例如on.

Answer 2

每个功能都不是必需的............

$(".tbl-grid tr:odd").tbl-grid选择行下所有匹配的“奇数”

$(".tbl-grid tr:odd").addClass("odd");足够的

Answer 3

$('table tr').removeClass("odd").removeClass("even");
$('table tr:odd').addClass('odd');
$('table tr:even').addClass('even');