如果我有一个带有<tr>
的html表,但是那些带有行标的<td>
,我需要弄清楚设置交替行类着色的最快方法用jQuery。有没有人知道这样做的插件?
答案 0 :(得分:3)
这是从Nick Craver的post,
中删除的$("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; }
答案 1 :(得分:2)
你可以使用这样的东西。行跨度将从它的第一行开始。
$('table tr:odd').addClass('odd');
$('table tr:even').addClass('even');
然后在你的CSS中
table tr.odd td {
background-color: #EEE;
}