1

我有一张桌子，可以说是 5 行。在第一个元素中是带有行号的跨度。

<tr>
    <td><span name="rowNum">1</span></td>
    <td>...stuff...</td>
</tr>
<tr>
    <td><span name="rowNum">2</span></td>
    <td>...stuff...</td>
</tr>    
<tr>
    <td><span name="rowNum">3</span></td>
    <td>...stuff...</td>
</tr>    
<tr>
    <td><span name="rowNum">4</span></td>
    <td>...stuff...</td>
</tr>
<tr>
    <td><span name="rowNum">5</span></td>
    <td>...stuff...</td>
</tr>

但是，我有一个可能会删除表行的 jquery 函数。

我想向删除函数添加一些代码，该函数循环遍历跨度并将内容重置为正确的行号。例如，如果您删除第一行，跨度 2 现在会说 1，等等。

我想我会设置一个计数器 = 1 来表示跨度值应该是什么，然后在跨度上循环，如果跨度文本不是 = 到计数器，则将其重置。然后计数器应递增。

我只是在弄清楚如何遍历跨度并获得它们的价值时遇到了麻烦。

4

2 回答 2

1

删除一行后，您可以使用方法更改跨度的文本内容text，它在each内部使用方法。

$('.rowNum span').text(function(index) {
   return ++index;
})
于 2013-04-09T18:13:31.320 回答
0

您只能使用 CSS，不需要 JavaScript：http: //jsfiddle.net/brian_griffin/SNB89/

CSS

table { counter-reset: line-number;}
td:first-child:before {
content: counter(line-number) ".";
counter-increment: line-number;
padding-right: 0.3em; }

或者<OL>按照上面的建议使用（编号列表）。

于 2013-04-09T18:23:43.343 回答