JQuery：如果自定义类包含大于“x”的数字，请添加 CSS 代码

我想将 css 添加到指定的跨度类（如果它包含高于 55 的数字），而且这必须在页面加载上而不是按钮触发器上。

谢谢任何帮助都会很棒。

示例如下：（目前不起作用）

<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>

这是使用 jQuery 实现这一点的好方法filter() http://api.jquery.com/filter/:

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