您的位置:首页 > Web前端 > JQuery

JQuery - 表格隔行换色

2011-01-12 13:02 162 查看
<mce:script type="text/javascript"><!--
function colorTable(arg0,option){
var t = $(arg0);
if(!t.is('table')) return false;
//$也可以用jQuery.each()
$.each(option,function(i,v){
t.find("tbody tr:" + i).css("background-color",v);
});
}
function f1(){
var option = {
'even'	:	'lightgreen',
'odd'	:	'lightyellow',
'first'	:	'#CCCCCC',
'last'	:	'#888888'
}
colorTable("#t1",option);
}
// --></mce:script>
<TABLE id = "t1">
<TR><TD>ID</TD><TD>名称</TD><TD>内容</TD></TR>
<TR><TD>1</TD><TD>小张</TD><TD>8000</TD></TR>
<TR><TD>2</TD><TD>老李</TD><TD>9000</TD></TR>
<TR><TD>3</TD><TD>大王</TD><TD>7500</TD></TR>
<TR><TD>4</TD><TD>其他</TD><TD>0</TD></TR>
<TR><TD>合计</TD><TD></TD><TD></TD></TR>
</TABLE>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: