jquery - JQUERYを使用して値が1より大きい場合、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/