javascript - JQuery:如果自定义类包含大于 'x' 的数字，请添加 CSS 代码

Question

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

谢谢任何帮助都会很棒。

示例如下:(当前不起作用)

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