网页表格局部数据比对变色

CrazyElyar

已于 2022-04-06 14:25:37 修改

阅读量910

点赞数

CC 4.0 BY-SA版权

文章标签： html5 java javascript

于 2022-04-06 13:37:42 首次发布

本文链接：https://blog.csdn.net/CrazyElyar/article/details/123987648

本文讲述了在编码中遇到的问题，即需要对比表格的两列数据并高亮不同项。错误地未使用`var`声明变量导致所有列显示同一数据。通过引用菜鸟教程中的知识，强调了`var str = b.secName;`这行代码的重要性，它确保了每个数据的独立性和局部性，避免了全局变量污染，使网页表格正确显示各列的二级名称数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

colsname:[

{
    field: 'secName', title: '二级名称', align: "left", templet: function (b) {
        var str = b.secName;                                //提取字符串
        if (b.sceName!= b.bossName) {                     //判断
            str = "<font style='color: red;padding: 2px 5px;'>" + b.secName+ "</font>";//是则变红否则返回
        }
        return str;
    }
},

]

我自己在编码过程中遇到需要对比一行的两列数据，不同的要变色高亮标识出来，没有写“var str = b.secName;”导致两列数据都是第一行第一列二级名称的数据，想到自己应该是对比完之后返回的是全局的变量，导致数据库的数据不能显示出来，所有列显示的全是secName的第一个数据。

在 Javascript 中声明时用 var 与不用 var 的区别 | 菜鸟教程

可以参考上方连接。

代码中“ var str = b.scName; //提取字符串 ”这一行非常重要，不加这一行的话，表格数据会被“b.secName”这个局部数据替代，以至于网页内表格二级名称列表的数据都是这一个值；“var str = b.secNae;”是通过提取当前这一个数据进行操作，返回的也是这一个数据的值，不会改变全局数据。

最低0.47元/天解锁文章

200万优质内容无限畅学