jQuery为每个表添加接近每个表行的开始

时间:2011-03-24 19:09:56

标签: jquery class html-table

我使用以下脚本为表的每一行添加一个唯一的类。很好地工作。但是,如果我有多个表,那就有问题了。如果第一个表有50行,那么第二个表的第一行从51开始。不是我所追求的。有什么想法吗?

$(document).ready(function() {
    $('table').each(function() {
        $('table tbody > tr').each(function() {   
            var rcount = 1;
            $("tr").attr("class", function() {
                return "row" + rcount++;
            });
        });
    });
});

2 个答案:

答案 0 :(得分:2)

$('table tbody > tr')替换为$(this).children('tbody > tr'),将$("tr")替换为$(this)

$(document).ready(function() {
    $('table').each(function() { 
        $(this).children('tbody > tr').each(function() {
            var rcount = 1; 
            $(this).attr("class", function() { 
                return "row" + rcount++; 
            });
        });
    });
});

答案 1 :(得分:0)

最终是这样做的:

$(document).ready(function() {
    $('table').each(function() {
        var rcount = 1; 
        $(this).find('tr').each(function() {
            $(this).attr("class", function() { 
                return "row" + rcount++; 
            });
        });
    });
});