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>
相关文章推荐
- 利用jQuery实现表格的隔行变色、高亮显示
- 用JQuery实现表格隔行变色和突出显示当前行
- JQuery操作表格(隔行着色,高亮显示,筛选数据)
- jQuery轻松实现表格的隔行变色和点击行变色的实例代码
- jQuery实现表格隔行换颜色:
- jQuery实践2:隔行改变表格颜色
- 用JQuery实现表格隔行变色和突出显示当前行的代码
- 用JQuery实现表格隔行换颜色
- jQuery实现table表格隔行换色鼠标经过变色
- jQuery实例——表格隔行换色
- angular jQuery css html混合table表格查询 排序 添加 删除 隔行换色
- 一天搞定jQuery(二)——使用jQuery实现表格的隔行换色
- [原创]持续给力:jQuery实现表格隔行变色效果案例详解
- 用JQuery实现表格隔行换颜色
- jQuery实现表格隔行换色
- jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
- 使用原生js和jQuery实现表格的隔行变色
- 基于jQuery的表格特效(隔行、滑动、点击变色)
- 用jquery实现表格的隔行变色
- jQuery实现表格隔行换色且感应鼠标高亮行变色