jQuery给table中的负数标红色

<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       });
时间: 2024-10-02 05:43:32

jQuery给table中的负数标红色的相关文章

jQuery遍历table中的tr td并获取td中的值

jQuery遍历table中的tr td并获取td中的值 $(function(){ $("#tableId tr").find("td").each(function(){ <span style="white-space:pre"> </span> var year = $("#year").val(); var month = $("#month").val(); var da

关于Jquery获取Table中td内的内容

$(this).children().eq(1).text()获取的是显示的值$(this).children().eq(1).html()获取的是<td></td>之间的所有内容$('.trSelected',grid).find("td").eq(7).text();获取的是选中的某行的内容 遍历表<table id="gird"..... $("#grid tr").each(function() {     

Jquery之table中根据行选中,进行背景变色和radio选中

实现功能:点击列表中的某一行,然后当前行会变成其他颜色,并且其中的radio会被选中. <%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() 

jQuery实现table中两列CheckBox只能选中一个

//html <table id="unit"> <tr> <th>选项一</th> <th>选项二</th> <th>姓名</th> </tr> <tr> <td><input type="checkbox" /></td> <td><input type="checkbox&quo

jquery循环table中tbody的tr中input:text,将值进行拼接传入控制器并返回状态和描述

引用jquery $(function(){ $("#按钮id").click(function(){ var nums="";//变量 $("#table的id tbody tr").each(function(){ var num1=$(this).find("input:text:eq(0)").val(); var num2=$(this).find("input:text:eq(1)").val(

Jquery更改table中的内容(一)

css部分: .tab{ border:solid 1px #00aaee; text-align: left; margin:20px;}.tab tr{ border-top: solid 1px #00aaee;}.tab tr td,.tab tr th{ border-right: solid 1px #00aaee; height:35px; width: 200px; padding: 0 5px;}.tab tr th{ background: #00aaee; color:#f

封装Jquery 合并table中任何同列数据

封装代码: jQuery.fn.rowspan = function (colIdx) { //封装JQuery同列值相同合并小插件 return this.each(function () { var that; $('tr', this).each(function (row) { $('td:eq(' + colIdx + ')', this).filter(':visible').each(function (col) { if (that != null && $(this).h

JQuery操作Table元素

使用Jquery操作Table中的tr向上或向下移动,以及全选和反选操作. 点击Table Head中的复选框,全选或反选表格中所有的复选框; 选中复选框,点击Up 按钮, tr上移;点击 Down 按钮,tr 下移. ASPX代码: <table border="0" cellpadding="3" cellspacing="1"> <tr> <td>    </td> <td align=

Jquery Ajax 异步设置Table中某列的值

可根据table中某列中的ID去改变某列的值! JS: 1 $(document).ready(function () { 2 setTimeout(GetDate, 1000); 3 4 }); 5 6 function GetDate() { 7 $("#tbData tbody").find("tr").each(function () { 8 var prjectBalanceObj = $(this).find("td:eq(3)");