php - 添加计数到 jQuery 在 PHP foreach 中添加的行

Question

我正在开发一个电子商务购物车，它通过 PHP foreach() 循环构建产品，将每个产品添加到 <tr> 中。 。这家商店有“捆绑”产品，意思是几个<tr>属于一个大产品。

客户要求我编辑购物车 View ，添加一些内容，移动一些内容。所以我使用 jQuery 在每个头项后面添加(即)一个图例，如下所示:

<tr>---- Item ----</tr>
    <tr>Added row</tr>
    <tr>Detail</tr>
    <tr>Detail</tr>

<tr>---- Item ----</tr>
    <tr>Added row</tr>
    <tr>Detail</tr>
    <tr>Detail</tr>
    <tr>Detail</tr>

<tr>---- Item ----</tr>
    <tr>Added row</tr>
    <tr>Detail</tr>
    <tr>Detail</tr>
    <tr>Detail</tr>
    <tr>Detail</tr>

现在，由于各种原因，我需要识别每组产品。我通过添加 $i 来实现这一点计入每个头项。问题是添加的行是由 jQuery 在 foreach 循环之外创建的，因此没有 $i像其他人一样计数，结果如下:

<tr class="head_1">---- Item ----</tr>
    <tr>Added row</tr>
    <tr class="detail_1">Detail</tr>
    <tr class="detail_1">Detail</tr>

<tr class="head_2">---- Item ----</tr>
    <tr>Added row</tr>
    <tr class="detail_2">Detail</tr>
    <tr class="detail_2">Detail</tr>
    <tr class="detail_2">Detail</tr>

<tr class="head_3">---- Item ----</tr>
    <tr>Added row</tr>
    <tr class="detail_3">Detail</tr>
    <tr class="detail_3">Detail</tr>
    <tr class="detail_3">Detail</tr>
    <tr class="detail_3">Detail</tr>

我需要的是将类中的相同计数添加到添加的 jQuery 行。我不知道怎么做，有人吗？

摩尔细节我使用 jQuery('tr.head').after() 添加行像这样:

jQuery( ".mainitem" ).after( "\
    <tr class='addedrow'>\
        <td class='product-remove'></td>\
        <td class='product-thumbnail'></td>\
        <td class='product-name'></td>\
        <td class='product-price'></td>\
        <td class='product-quantity'></td>\
        <td class='product-subtotal'></td>\
    </tr>" 
);

我想我可以得到添加的行数，如下所示:var $rowcount = jQuery(".addedrow").length;

Answer 1

这可能是最简单的修复:我将其添加到添加行的 jQuery 脚本中，并且它有效:)

$ii = 0;
jQuery('.addedrow').each(function(){
    $ii++;
    jQuery(this).addClass('count'+$ii);
});

两个给出的答案似乎都是正确的，但需要我在代码中使用不同的结构。感谢大家让我走上正轨!