Jquery控制表格某列或多列颜色等样式,jquery选择器...

发布于 2011-07-19 作者 [重庆SEO]

本文来自百度空间博客搬家

2007年开始使用的是 hi.baidu.com/udjy
后来百度空间强制升级为轻博客 hi.baidu.com/imnoco
2015年百度关闭了百度空间

Jquery控制表格某列或多列颜色等样式;jquery选择器...

下面的例子是JQUERY控制一个classname为rank的表格(22列*28行)中15列,16列,17列..的样式,背景为红色,不显示.

当然,样式为不显示.什么背景颜色也不重要了~~~

TIPS:例子中第一列为0,所以15列从1数就是第16列...

<script type="text/javascript" src="/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(function(){
//nth-child(index/even/odd/equation)
$('tr:nth-child(even)').css('background','#ddd');//table 隔行换色;
var k=new Array('15','16','17','18','19','21');
for(l=0;l<k.length;l++){
$('.rank').find('td').each(function(i){
for(j=0;j<28;j++){
if(i-22*j ==k[l]){
$(this).css({'background':'#f00','display':'none'});
}}
});
}
})
</script>