JQuery：如何使table的某一行变色呢？

答案:2 悬赏:10 手机版

解决时间 2021-04-02 03:14

提问者网友：書生途
2021-04-01 13:03

最佳答案

五星知识达人网友：长青诗
2021-04-01 13:22

jquery使用css3选择器“:nth-child(n)”可以快速选择具有一定规律排列的元素，:nth-child(n) 用于匹配属于其父元素的第 n 个子元素，其中n 可以是数字、关键词或公式。注意：
此过滤器的序号是从1开始的
需要IE8以上浏览器支持
下面实例演示——为table的第1,4,7，...行添加背景色变色：
1、HTML结构

1123
2456
3789
4123
5456
6789
7123
8456
9789

2、jquery代码
$(function(){
$("input[type='button']").click(function() {
$("table#test tr:nth-child(3n+1)").css("background","#229922")
});
});3、效果演示

全部回答

1楼网友：拾荒鲤
2021-04-01 14:14

var tr = $('#table1 tr');
tr.each(function(){
    var index = $(this).index();
    if((index+1)%5==0){
        $(this).css("background","你想要定的颜色");
    }
});

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息