如果使用JQUERY值大于1,如何更改css样式

时间:2013-09-16 20:53:26

标签: jquery

如果跨度的内容大于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,我想将跨度(数字)的内容更改为粗体并使其变为红色。不确定长度或值是否可以解决问题

1 个答案:

答案 0 :(得分:4)

这应该可以达到你想要的效果:

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/