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を使用しました。ユーザーがリストから行を削除したときに、クライアントで番号範囲を再度更新する必要があります。 これは私のコードです。私の結果は間違っています。

$('.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); 
});