当有2个table,而应用同一个样式 “.listTable”时,隔行换色的功能可能会无视第二个表的标题行,解决方法:
$(function(){
$(".listTable").each(function(index,obj){ //关键点each
$(this).find("tr:first").addClass("title");
$(this).find("tr:gt(0):even").addClass("even");
$(this).find("tr:gt(0):odd").addClass("odd");
$(this).find("tr:gt(0)").mouseover(function(){
$(this).addClass("highlight");
}).mouseout(function(){
$(this).removeClass("highlight");
});
})
})
--------------------------------------------------------
三原色效果
添加3个样式先:
.one{ background-color:red;}
.two{ background-color:green;}
.three{ background-color:blue;}
$(function(){
$(".listTable").each(function(index,obj){
$(this).find("tr:first").addClass("title");
$(this).find("tr:gt(0)").mouseover(function(){
$(this).addClass("highlight");
}).mouseout(function(){
$(this).removeClass("highlight");
}).each(function(i,obj){ //三元色功能
if((i+1)%3==1) //需加1再进行取模
$(this).addClass("one");