3

我有一个 HTML 表格，用于以正确的形式显示一些信息。

现在，我的目标是为每个表格行编号。

为此，我尝试使用 ordererd list 并列出表格内的项目，但它似乎不起作用。

你有一个想法和一个例子来说明如何做到这一点。谢谢你。

4

2 回答 2

2

不确定 HTML 你绝对可以在 jQuery 中做到这一点：

$(function () {
    var i = 0;
    $('table thead tr').prepend('<th>#</th>');
    $('table tbody tr').each(function () {
        i += 1;
        $(this).prepend('<td>' + i + '</td>');
    });
});​

演示

更新

如果您只想要指定类（数字）上的数字，请尝试：

$(function () {
    var i = 0;
    $('table thead tr').prepend('<th>#</th>');
    $('table tbody tr').each(function () {

         i += 1;

        if($(this).hasClass('number')) {
            $(this).prepend('<td>' + i + '</td>'); 
        } else {
            $(this).prepend('<td></td>');
        }
    });
});​

演示

于 2012-11-29T10:12:41.030 回答
0

以防万一，这里有一个单行选择器，用于获取表中的所有第一个 TD - 不包括 TH。然后我在它们之前添加我想要的任何元素。在这种情况下，我打印一个计数器变量来枚举行。效果是我正在对表格行进行编号。

var counterVariable = 1;
var mySpanClass = ""; //to style the numbering...

    $(".myTableClass tr:not(:first) td:first-child").before(function(){ return "<span class='" + mySpanClass + "'>" + counterVariable++ + "</span>"; });
于 2014-06-23T13:19:47.590 回答