jquery - 如果值大于 1，如何使用 JQUERY 更改 CSS 样式

Question

如果跨度的内容大于1，我正在尝试更改跨度的样式。我有以下代码：

$(document).ready(function(){ 

if ($(".over").length > 0) {
    $(this).css("font-weight", "bold");
    $(this).css("color", "red");

} 
else {
    $(this).css("font-weight", "normal");
}

});

span 标签中的数字是 0 到 1。如果跨度内的数字大于 1，我想将跨度（数字）的内容更改为粗体并使其变为红色。不确定长度或值是否可以解决问题

Answer 1

这应该完成你想要的：

HTML：

<span class="over">0</span>
<span class="over">1</span>
<span class="over">2</span>

jQuery：

$(document).ready(function () {

    $(".over").each(function() {
        var el = $(this);
        var value = parseFloat(el.text());
        if (value > 1) {
            el
                .css("font-weight", "bold")
                .css("color", "red");

        } else {
            el.css("font-weight", "normal");
        }
    });   

});

jsFiddle：http: //jsfiddle.net/ZmesE/1/