jQuery如何更新表中的行数

Question

我有这样的表格。

<tbody>
    <tr class="count"><td class="int">1</td>...</tr>
    <tr class="hide"></tr>
    <tr class="count"><td class="int">2</td>...</tr>
    <tr class="hide"></tr>
    <tr class="count"><td class="int">3</td>...</tr>
    <tr class="hide"></tr>
</tbody>

我将jQuery用于dinamic网页。当用户从列表中删除一行时，我需要再次在客户端更新编号范围。 这是我的代码。但我的结果错了。

$('.count').each(function() {     
    var ind = $(this).index()+1;
    $(this).find(".int").html(ind);
});

*注意类hide的行不是浏览器上的视图，而是其他点。 请帮我找到它。

Answer 1

$(this).index()在这些情况下不起作用，因为隐藏元素也有索引。尝试以下。

$('.count').each(function(i) {     
    var ind = i + 1;
    $(this).find(".int").html(ind);
});