博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jq 根据值的正负变色
阅读量:5294 次
发布时间:2019-06-14

本文共 1594 字,大约阅读时间需要 5 分钟。

效果图这样:

意思就是根据最后的百分值变色,值为负变绿色,值为正变红色。

所以只要取到那个标签里的值了,就能根据正负的判断决定颜色。

我的html部分这样:

/*不过他们都说我的dom结构不太合理,同意。BUT,我就是不想写表格而写成的这样的,所以后面jq部分也要迁就了*/             
  • 001
  • 椰香奶茶
  • ¥ 10.00
  • ¥ 10.50
  • -5%

思路就是:找到每个UL最后一个li,获取它的值,根据正负来判断。

但是,我刚刚想到,如果是0也是会变绿色,是不是要这样呢?

JQ部分代码这样:

// 根据正负值变色            function oChange(){                var  oUl = $(".pro_detail ul").length;//有多少行,行的个数               for(var a = 0;a
0){ //如果值为正 后两个元素变红 $(".pro_detail ul").eq(a).find('li').eq(3).css({ "color" : "#ff6363" }); $(".pro_detail ul").eq(a).find('li').eq(4).css({ "color" : "#ff6363" }); } else{ $(".pro_detail ul").eq(a).find('li').eq(3).css({ "color" : "#3ebb2b" }); $(".pro_detail ul").eq(a).find('li').eq(4).css({ "color" : "#3ebb2b" }); } }//f }//for oChange();

 

转载于:https://www.cnblogs.com/keytree/p/5205902.html

你可能感兴趣的文章
看门狗 (监控芯片)
查看>>
#ifndef #define #endif
查看>>
css背景样式
查看>>
JavaScript介绍
查看>>
js中函数与对象的使用
查看>>
正则表达式
查看>>
开源网络漏洞扫描软件
查看>>
yum 命令跳过特定(指定)软件包升级方法
查看>>
创新课程管理系统数据库设计心得
查看>>
Hallo wolrd!
查看>>
16下学期进度条2
查看>>
前端页面卡顿-代码优化
查看>>
nagios通过脚本对系统进行定制监控
查看>>
jquery判断点击鼠标左、中、右键事件
查看>>
java线程池原理
查看>>
为什么子类的构造方法在运行之前,必须调用父类的构造方法?能不能反过来?为什么不能反过来?...
查看>>
Could not resolve view with name '***' in servlet with name 'dispatcher'
查看>>
springBoot配置elasticsearch搜索
查看>>
Chapter 3 Phenomenon——12
查看>>
MyBatis源码解析【6】SqlSession运行
查看>>