在div上添加一个类来更改默认的CSS

时间:2016-04-29 05:13:56

标签: jquery css dynamic add using

  var totalForDay = parseFloat(twodecimalDomforDay) + parseFloat(twodecimalImportforDay);
             totalForDay = totalForDay.toFixed(2);
             var totalyearly = parseFloat(twodecimalDomforYearly) + parseFloat(twodecimalImportyearly);
             totalyearly = totalyearly.toFixed(2);
             badgesData += '<div class="row For-Avg"><div class="col-xs-6 sm-6 md-6 lg-6 left-align"><label class="for-lab">For The Day</label></div><div class="col-xs-6 sm-6 md-6 lg-6 right-align"><label class="year-lab">Yearly Avg</label></div></div><div class="row For-Avg"><div class="col-xs-6 sm-6 md-6 lg-6 left-align"><label class="for-lab-Two">' + totalForDay + '</label></br><div class="border-cls"></div></div><div class="col-xs-6 sm-6 md-6 lg-6 right-align"><label class="year-lab-Two">' + totalyearly + '</label></br><div class="border-cls-Two"></div></div></div></div>';
             gasTitle += '<label class="lab-class">' + objKeys[i] + '\n(IN &nbsp' + objkeysData[0].UNIT + ')' + '</label>';
             if (parseFloat(totalForDay) < parseFloat(totalyearly)) {
                 console.info("less yes");
                 $("div.border-cls").css("border-bottom", "7px solid red");
                 $("div.border-cls-Two").css("border-bottom", "7px solid green");
                 //-----border-red for day border-green for yealy
             } else {
                 //-----border-green for day border-red for yealy
                 console.info("greatre yes");
                 $("div.border-cls").css("border-bottom", "7px solid green");
                 $("div.border-cls-Two").css("border-bottom", "7px solid red");
             }

Hello Team,

在名为badgesData的给定Html中,它包含一个div,其中添加了一个名为border-cls的类。执行源代码中提到的条件后,我想要(totalForday

KIndly建议我帮助我。

1 个答案:

答案 0 :(得分:-1)

我认为你可能在方法css()中缺少{} 请尝试以下代码

 if (parseFloat(totalForDay) < parseFloat(totalyearly)) {
             console.info("less yes");
             $("div.border-cls").css({"border-bottom": "7px solid red"});
             $("div.border-cls-Two").css({"border-bottom" :"7px solid green"});
             //-----border-red for day border-green for yealy
         } else {
             //-----border-green for day border-red for yealy
             console.info("greatre yes");
             $("div.border-cls").css({"border-bottom": "7px solid green"});
             $("div.border-cls-Two").css({"border-bottom": "7px solid red"});
         }