歡迎來到大唐傳易博客!

jquery

當前位置:首頁 > 前端 > JavaScript > jquery >

用jquery讓正負值標注不同的顏色

時間:2019-11-06|欄目:jquery|網站標簽:|點擊:

   jquery是我們經常用的JavaScript開發庫,雖然現在被三大mvvm框架占用的差不多了,但是作為pc開發,jquery還是不二選擇。今天探討下在jquery實戰開發過程中,會遇到的一個問題,就是如何同一標簽,然后讓它根據正負值,顯示不同的顏色,讓用戶能夠區分。

  舉個簡單的代碼示例:


div class="speech">

<p>123</p>
<p>-456</p>
<p>789</p>
</div>


上面在speech標簽里擁有三個不同的p標簽,而p標簽里的值,是不等的。那我們如何給他們加上不同的顏色來區分開來呢?

   
jquery正負值不同顏色方法

$(document).ready(function(){
$('.speech p').each(function(){
//通過循環遍歷出p里面的數值,并賦予給zdf變量
var zdf=parseInt($(this).text());
//判斷zdf數值是否大于0
if(zdf>0){
$(this).css('color','red');
}else{
$(this).css('color','green');
}
});
})


上一篇:沒有了

欄????目:jquery

下一篇:徹底弄懂jquery事件委托的用法

本文標題:用jquery讓正負值標注不同的顏色

本文地址:http://www.cajqou.live/qdzs/JavaScript/jquery/753.html

說點什么吧
  • 全部評論(0
    還沒有評論,快來搶沙發吧!

| |

如果侵犯了您的權利,請與我們聯系,我們將在24小時內進行處理、任何非本站因素導致的法律后果,本站均不負任何責任。

Copyright © 2016-2019 福州大唐傳易網絡科技有限公司 版權所有

北京pk10单双公式计算 五分彩 淘股王 融易富配资 股票行情实时查询002683 大赢家篮球比分 陕西快乐10分 鑫福网 股票配资推荐·信任杨方配资 球探比分即时足球比分网 贵州十一选五 恒利配资 陕西十一选五 重庆快乐十分 新加坡股票指数 股票期货配资平台 达慧投资配资