想要在值大于0时切换类?

时间:2014-01-23 23:25:57

标签: javascript jquery

当span.points中的数值大于“0”时,我正在尝试使用“toggleClass”。所以它会为null,然后,如果值变为1,它将添加一个类。不知道怎么做到这一点?以蜗牛的速度学习jQuery ......任何帮助都会有所帮助。谢谢你们!

HTML

<div class="box">
    <span class="points">4</span>
</div>

JS尝试失败

var points = $('.box > .points').length;
if(points > 0) {
    $('.box').toggleClass('orange');
} else {
    return false;
}

1 个答案:

答案 0 :(得分:1)

您应该使用.text().html()并将其解析为数字。

var points = parseFloat($('.box > .points').text());
if(points > 0) {
    $('.box').toggleClass('orange');
} else {
    return false;
}

Fiddle

不要忘记将其放在函数或$(document).ready({ ... })语句中。