当前位置:首页>开发>正文

如何使用jQuery实现隔行变色效果 如何让jquery输出的表格实现隔行变色

2023-04-29 10:29:29 互联网 未知 开发

 如何使用jQuery实现隔行变色效果 如何让jquery输出的表格实现隔行变色

如何使用jQuery实现隔行变色效果

jQuery 选择器中,:even可以选择偶数行
示例如下
$("ul li").css("background","blue")
$("ul li:even").css("background","red")

如何让jquery输出的表格实现隔行变色

jQuery 选择器中,:even可以选择偶数行

示例如下

$("ul li").css("background","blue")
$("ul li:even").css("background","red")

JQuery:中包含table,如何使table隔行变色呢?

你不能写成这样吗,把里边的table放在外层table的行里














$("tr").each(function(i){this.style.backgroundColor=[#ccc,#fff][i%2]})

JQuery问题:使用jquery选择器实现隔行变色,为什么一点效果都没有,哪里写错了吗?真的看不出来!!!

样式部门改成这样:

body{font-size: 12pxtext-align: center}
#tbStu{width: 250pxborder: solid 1px #666 background-color: #eee}
#tbStu tr{line-height: 23px}
#tbStu tr {background-color: #ccccolor: #fff}
#tbStu tr.trOdd{background-color: #fff}

求助,用jquery 怎么实现隔2行背景变色

$(".column").each(function(i,v){
if(i%3 == 0){
$(v).css("background","#333")

}

})
这个是第一行变背景色,然后每隔两行变背景色。

jQuery问题,隔行换色

$(document).ready(function() {
    var trs = $("tbody>tr")
    // 防止事件冒泡, 并处理点击换色
    trs.find(":checkbox").click(function(e) {
        var me = $(this),
            tr = me.closest("tr")
        tr.toggleClass("ed")
        e.stopPropagation 
        ? e.stopPropagation()
        : e.cancelBubble = true
    })
    // 使用toggle轮换点击切换该行颜色以及修改该行的复选框的选择状态
    trs.toggle(function() {
        $(this).addClass("ed").find(":checkbox:not(:checked)").prop("checked", true)
    }, function() {
        $(this).removeClass("ed").find(":checkbox:checked").prop("checked", false)
        // 隔行换色
    }).each(function(i) {
        $(this).addClass(["dan", "shuang"][i % 2])
    })

})

用javascript怎么实现隔行变色

var tb=document.getElementById(tb)
var tb_b=tb.getElementsByTagName(tbody)[0]//获取表格的第一个tbody元素
var t_tr=tb_b.getElementsByTagName(tr)
for(var i=0i if(i%2==0){
t_tr[i].style.background="red"
}
}//js写法

最新文章