表格 的 隔行换色
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表格 的 隔行换色相关的知识,希望对你有一定的参考价值。
jQuery代码:
$(function(){
var item = $("tr");
for(var i=0;i<item.length;i++){
if(i%2==0){
item[i].style.backgroundColor="#888";
}
}
//$("#tb tbody tr:even").css("backgroundColor","#888");
});
html代码:
<table id=‘tb‘>
<tbody>
<tr><td>第一行</td><td>第一行</td></tr>
<tr><td>第二行</td><td>第2行</td></tr>
<tr><td>第三行</td><td>第3行</td></tr>
<tr><td>第4行</td><td>第4行</td></tr>
<tr><td>第5行</td><td>第5行</td></tr>
<tr><td>第6行</td><td>第6行</td></tr>
</tbody>
</table>
以上是关于表格 的 隔行换色的主要内容,如果未能解决你的问题,请参考以下文章