jquery - jqueryを使用してクラス名でHTMLテーブルの行を見つける

Question

次のコードを使用して、HTML テーブルの行を削除した後もシリアル番号をシーケンスに保持しています。

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

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

コードは問題なく動作していますが、問題はテーブル内のすべての行のシリアル番号を表示していることです。しかし、私は行にのみ表示したい<tr class="products">

私の推測では、この問題を解決するにはclass="products"in tr を見つける必要があるため、次のコードを試してみましたが、今回はコードがまったく機能しませんでした。

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

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

この問題を解決するのを手伝ってください。ありがとう

編集

コード全体が大きすぎます。だから私はここにスクリプトをアップロードしました

ありがとう ：）

Answer 1

正しいセレクターは次のとおりです。

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

".products tr"「製品」クラスを持つ任意のノードの子孫であるすべての tr 要素を選択します

"tr.products"( と の間にスペースはありませんtr) .poducts「products」クラスを持つすべての tr ノードを選択します (これはここで必要なものです)

"tr .products"trノードの子孫であるクラス「.products」を持つすべての要素を選択します

Answer 2

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