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'}); 
     } 
    }); 
});