对动态表行进行编号

我正在使用 jQuery 制作动态 HTML 表格。在表中，我的用户有两种交互：

1. 追加一行
2. 删除特定行

对行进行编号的问题是，如果用户删除特定行，则该行后面的所有行都需要重新编号。我必须选择已删除行之后的所有行并将其行数减去 1。

有更好的方法来解决这个问题吗？

编辑：这是一个演示该问题的 JSFiddle：http://jsfiddle.net/LNXae/2/

我知道有序列表会自动对我的行重新编号，但我宁愿使用表格，因为我现在给出的示例非常简单。

http://jsfiddle.net/mblase75/LNXae/1/

首先，将计数器编号包装在<span>带有一个类以便以后轻松查找：

$new_row.children('td').prepend('Row #<span class="num">' + ($new_row.index() + 1) + "</span>");

然后用一个更新所有这些跨度.each删除所需的行后循环。第一个参数传递到.each的回调函数是一个从零开始的索引号，第二个是HTML元素：

    var $row = $(this).closest('tr'),
        $table = $row.closest('table');
    $row.remove();

    $table.find('tr').each(function(i, v) {
        $(v).find('span.num').text(i + 1);
    });