Jquery控制表格某列或多列颜色等样式,jquery选择器...
引用请注明出处: https://seonoco.com/blog/1270
发布于 分类 Jquery
574天前 有1个用户阅读过
本文来自我的百度空间博客详情
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>-- The End --