JQuery：如果自定義類包含大於'x'的數字，則添加CSS代碼

Question

如果包含的數字高於55，我想將css添加到指定的span類中，而且這必須在頁面加載而不是按鈕觸發。

感謝任何幫助將是偉大的。下面

實例：（目前沒有工作）

<span class="subTotalPrice">10</span> 
<span class="subTotalPrice">5</span> 
<span class="subTotalPrice">125</span> 
<span class="subTotalPrice">55</span> 

<script> 
$(".subTotalPrice:contains(> 55)").css({'color':'red', 'text-decoration':'underline'}); 
</script> 

Answer 1

這裏是這樣做，使用jQuery的filter()的一個好辦法：

$('.subTotalPrice').filter(function(index){ 
    return parseInt(this.innerHTML) > 55; 
}).css({'color':'red', 'text-decoration':'underline'}); 

Answer 2

$(function(){ 
    $('.subTotalPrice').each(function(){ 
     if(parseInt($(this).text, 10) > 55){ 
      $(this).css({'color':'red', 'text-decoration':'underline'}); 
     } 
    }); 
});