使用rowspans和jquery设置交替行类

时间:2010-08-18 06:44:34

标签: jquery

如果我有一个带有<tr>的html表,但是那些带有行标的<td>,我需要弄清楚设置交替行类着色的最快方法用jQuery。有没有人知道这样做的插件?

2 个答案:

答案 0 :(得分:3)

这是从Nick Craverpost

中删除的
$("table.altRow").each(function() {
    var $this = $(this);
    var numTD = $this.find("tr:has(td[rowspan]):first td").length;
    $this.data('numTD', numTD).find("tr").filter(function() {
        var $this = $(this);
        return $this.children().length == $this.closest('table').data('numTD');
    }).filter(':even').addClass('alt');

})

$("tr.alt td[rowspan]").each(function() {
    $(this).parent().nextAll().slice(0, this.rowSpan - 1).addClass('alt');
});​

然后是css

.alt { background-color​: #DEDFDE; }​

have fun playing with the demo

答案 1 :(得分:2)

你可以使用这样的东西。行跨度将从它的第一行开始。

$('table tr:odd').addClass('odd');
$('table tr:even').addClass('even');

然后在你的CSS中

table tr.odd td {
  background-color: #EEE;
}