Question

Fiddle

<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个孩子和白有三个孩子

Answer 1

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

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

DEMO

Answer 2

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

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

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

使用jquery的小计组

2 个答案: