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

Question

当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;
}

Answer 1

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

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

Fiddle

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