首页 > Web开发 > 详细

jQuery给table中的负数标红色

时间:2015-01-07 16:25:48      阅读:391      评论:0      收藏:0      [点我收藏+]

 <table class="tb_list"></table>

1 $(function(){
2          $(".tb_list td").each(function(i,n){
3              var text = $.trim($(n).text());
4              var fVal = parseFloat(text);
5              if(!isNaN(fVal) && fVal < 0){
6                   $(n).css("color","red");
7              }
8      });
9 });

 

2 当td里面有两个值时(示例中分隔符为<br>),代码如下

 1  $(function () {
 2           $(".tb_list td").each(function (i, n) {
 3               //var txt = $.trim($(n).text());
 4               var txt = $(n).html();
 5               var arr = []; 
 6               try{
 7                  arr = txt.split("<br>"); 
 8               }catch(e){}
 9               var innTxt = "";
10               if(arr.length == 2){
11                   if (parseFloat(arr[0]) < 0 || parseFloat(arr[1]) < 0) {
12                       if (parseFloat(arr[0]) < 0) {
13                           innTxt += "<font color=‘red‘>" + arr[0] + "</font>";
14                       }
15                       else innTxt += arr[0];
16                       if (parseFloat(arr[1]) < 0) {
17                           innTxt += "<br><font color=‘red‘>" + arr[1] + "</font>";
18                       }
19                       else innTxt += "<br>" + arr[1];
20                       $(n).html(innTxt);
21                   }
22               }              
23           });
24       });

 

jQuery给table中的负数标红色

原文:http://www.cnblogs.com/qb339814873/p/4208634.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!