2016-06-09 81 views
0

我試圖檢查是否一個給定的字符串比由使用jquery預定值更大或更小更大或更小。 div.property_energy是否應該被標記爲特定的類。檢查如果每個字符串的長度超過限定值

更新:如預期我的代碼無法正常工作。無論字符串有多大或多小,'div.property_energy'都會標記爲黃色。

下面的代碼:

$('.property_energy').each(function() { 
     var n = parseInt(this.value); 
     if(n < 151){ 
      $(this).addClass("green"); 
     } 
     else if (n > 300) { 
      $(this).addClass("red"); 
     } 
     else{ 
      $(this).addClass("yellow"); 
     } 
    }); 
+1

你的問題是? –

+0

你看過'n'嗎?我的猜測:這是'NaN'因爲'this.value'是未定義或不是數字 –

回答

1

jQuery的文檔閱讀後更精確地我找到了答案由我自己。

$('.property_energy').each(function() { 
    var n = $(this).text(); 
    if($.isNumeric(n) && n < 151) { 
     $(this).addClass("green"); 
     alert("smaller than 151"); 
    } 
    else if ($.isNumeric(n) && n > 300) { 
     $(this).addClass("red"); 
    } 
    else{ 
     $(this).addClass("yellow"); 
    } 
}); 

坦克給Johannes H.您的評論讓我走上了正確的道路。

相關問題