使用jquery逐类查找HTML表

Question

我删除任何HTML表的行后，使用以下代码来保持序列号与序列保持一致。

 $("#trid_"+a_href).remove();

 $("tr").each(function (index) {
     if(index != 0) { 
    $(this).find("td:first").html(index + ""); 
    }
});

代码工作正常，但问题是显示表中所有行的序列号。 但我想只在<tr class="products">

的行中显示

我的猜测是，为了解决这个问题，我必须在tr中找到class="products"，所以我尝试了下面的代码，但这次代码根本不起作用。

$("#trid_"+a_href).remove();

 $(".products tr").each(function (index) {
     if(index != 0) { 
    $(this).find("td:first").html(index + ""); 
    }
});

你能帮我解决一下这个问题。 感谢

修改

我的整个代码太大了。所以我上传了脚本here

谢谢：）

Answer 1

右选择器是：

$("tr.products").each ...

".products tr"选择所有tr元素，它们是具有“products”类的任何节点的后代

"tr.products"（tr和.poducts之间没有空格）选择所有具有“products”classe的tr节点（这就是你想要的）

"tr .products"将选择所有具有“。product”类的元素，这些元素是tr节点的后代

Answer 2

$("tr.products").each(function (index) {
   $(this).find("td:first").html(index); 
});