2 qq 15290009 qq_15290009 于 2016.03.22 14:21 提问

看看我写额这段jquery有没有问题
var sFood1 = $('#food1'), sFood2 = $('#food2'), sAge = $('#age'), sSex = $('#sex')
         //去掉第一个名列和最后一个操作列
        , tdSums = $('#trSum td:gt(0)').not(':last')
        , tdAges = $('#trAge td:gt(0)').not(':last')
        , tdDiffs = $('#trDiff td:gt(0)').not(':last')
        //////
        , tbFood = $('#tbFood')
    //初始化食品一级分类及事件
    for (attr in food) sFood1.append('<option value="' + attr + '">' + attr + '</option>');
    sFood1.change(function () {
        var arr = food[this.value];
        sFood2.html('');
        for (attr in arr) sFood2.append('<option value="' + attr + '">' + attr + '</option>');
    }).trigger('change');//触发一级分类加载2级分类
    //初始化年龄段
    for (attr in age) sAge.append('<option value="' + attr + '">' + attr + '</option>');
    sAge.add('#sex').change(function () {///////
        var arr = sAge.val() == '请选择' ? age['请选择'] : age[sAge.val()][sSex.val()];

        tdAges.each(function (index) { this.innerHTML = arr[index]; });

        updateSumDiff();
    });//触发onchange更新trAge中的td数值

    function updateSumDiff() {//更新合计和差距
        var sum = [];//每营养小计
        tbFood.find('tr').each(function () {
            $('td:gt(0)', this).not(':last').each(function (index) {
                sum[index] = ( parseInt(this.innerHTML) || 0) + parseFloat(sum[index] || 0);
            });
        });
        //更新合计和差距
        tdAges.each(function (index) {
            tdSums.eq(index).html(( parseInt(this.innerHTML) || 0) + parseFloat(sum[index] || 0));
            tdDiffs.eq(index).html(( parseInt(this.innerHTML) || 0) - parseFloat(sum[index] || 0));

        });
        //当差距值为负值的时候为红色
        tdDiffs.find('tr').each(function () {
            $('td:gt(0)', this).not(':last').each(function (index) {
                if(tdDiffs.val()<0 ){
            $(this).css("color","red");
        } 
        else{
            $(this).css("color","black");
            }


            });
        });                                             

    }
    function addFood() {
        var arr = food[sFood1.val()][sFood2.val()];
        var s = '<tr><td>' + sFood2.val() + '</td>';
        for (var i = 0; i < arr.length; i++) s += '<td>' + arr[i] + '</td>';
        s += '<td><input type="button" value="删除" onclick="removeFood(this)"/></td></tr>';
        tbFood.append(s);
        updateSumDiff();
    }
    function removeFood(o) { $(o).closest('tr').remove(); updateSumDiff(); } 

上面是js 我想问的是 当下面图片值为负值的时候变成红色

图片说明

下面是 我为了让他变成我需要的样式的jquery,但是他没有效果

 //当差距值为负值的时候为红色
        tdDiffs.find('tr').each(function () {
            $('td:gt(0)', this).not(':last').each(function (index) {
                if(tdDiffs.val()<0 ){
            $(this).css("color","red");
        } 
        else{
            $(this).css("color","black");
            }


            });

你们帮我看看 那的问题了 是写错了 吗

2个回答

showbo
showbo   Ds   Rxr 2016.03.23 15:53
已采纳

变量tdAges更新差距td的单元格内容时做就好了,干嘛又要遍历一次。。


    tdAges.each(function (index) {
        var v = ((parseInt(this.innerHTML) || 0) + parseFloat(sum[index] || 0)).toFixed(2);
        tdSums.eq(index).html(v);
        v = (parseInt(this.innerHTML) || 0) - parseFloat(sum[index] || 0);
        tdDiffs.eq(index).html(v.toFixed(2)).css('color', v < 0 ? 'red' : 'black');
    });
danielinbiti
danielinbiti   Ds   Rxr 2016.03.22 14:38

这弄得也太复杂了。
建议对要设置颜色的td格子,单独加上一个空的class="colorcss"来区分,jquery使用$(".colorcss")就可以处理了,不用这么麻烦,找tr,td都乱

qq_15290009
qq_15290009 我是想让 那个差距值 哪一行 只要是负数 值就变成红色 凸显出来
一年多之前 回复
qq_15290009
qq_15290009 那怎么写 写个稍微点demo 呗
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!