layui 之动态改变表格中单元格的背景色

最新推荐文章于 2024-09-24 15:45:18 发布

那绊脚石的不

最新推荐文章于 2024-09-24 15:45:18 发布

阅读量3.1k

点赞数 1

文章标签： layui js

本文链接：https://blog.csdn.net/haodiaoji9386/article/details/119375458

版权

处理之前：

处理之后：

核心代码：

done:function (res, page, count) {
    var that = this.elem.next();
    res.data.forEach(function (item,index) {
        debugger
        var tr = that.find("[data-index=" + index + "]").children();
            tr.each(function () {
                var b = $(this).text();单元格中的内容
                if (b.indexOf("qq.com") != -1) {
                    $(this).css("background-color", "#FFD700");//单元格背景颜色
                    $(this).css("color", "#ff241c");//单元格字体颜色
                }
                else if (b.indexOf("1") != -1) {
                    $(this).css("background-color", "#405eff");//单元格背景颜色
                    $(this).css("color", "#45ff2a");//单元格字体颜色
                }else {
                    $(this).css("background-color", "#fffefd");//单元格背景颜色
                    $(this).css("color", "#45ff2a");//单元格字体颜色
                }
            })
    })
},

自己根据单元格中的内容再结合if语句，就可以动态的改变单元格的背景颜色了