使用jquery的组小计

Question

小提琴

<table border="1" class="cssTable">
    <tr id="trGroup">
        <td>
            Black, Total <asp:Label ID="lblCount" runat="server"></asp:Label>
        </td>
    </tr>
    <tr>
        <td class="cssTd">
              A            
         </td>
    </tr>   
    <tr>
        <td class="cssTd">
              B            
         </td>
    </tr>   
    <tr id="trGroup">
        <td>
            White, Total <asp:Label ID="lblCount" runat="server"></asp:Label>
        </td>
    </tr>
    <tr>
        <td class="cssTd">
              X            
         </td>
    </tr>   
    <tr>
        <td class="cssTd">
              Y            
         </td>
    </tr>   
    <tr>
        <td class="cssTd">
             Z       
         </td>
    </tr>   
    </table>

我得去小组赛。意思是在上面的例子中，黑色有2个孩子，白色有3个孩子

Answer 1

将id='trGroup'更改为class='trGroup' (您应该拥有唯一的id)，然后使用nextUntil方法。

$('.trGroup').each(function () {
    var $this = $(this),
        subTotal = $this.nextUntil('.trGroup').length;
    $this.text($this.text() + subTotal);
});

演示

Answer 2

$('#trGroup').each(function() {
  var len;

  len = $(this).nextUntil('tr#trGroup').length

  // i think this **len** is what you require
})