jQuery给table中的负数标红色

浏览数：38 / 时间：2015年06月09日

 <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       });

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 log html it la ca sp class style 代码 log html it la ca sp

相关文章

随机文章

您可能还喜欢

您可能还喜欢