JQuery如果span值= 0改变颜色

Question

我正在尝试更改span标记的值，如果它是0.我正在使用：

$('span.number:contains("0")').css('color', '#C1C1C1');

唯一的问题是，如果数字是50，它仍会改变它。有没有办法改变这个标签/类的颜色，如果只有0？

Answer 1

使用filter()过滤精确的文本匹配，因为：contains也会返回部分匹配

$('span.number').filter(function(){
    return $.trim($(this).text()) == '0'
}).css('color', '#C1C1C1');

Answer 2

不使用选择器，但您可以检查文本本身：

$("span.number").text(function (_, text) {
    if ("0" === text) {
        this.style.color = "#C1C1C1";
    }
});

http://jsfiddle.net/q4mHL/

Answer 3

你可以检查它的价值，而不是尝试单行。

var val = $("span.number").text(),
spanNumber = $("span.number");
if (val === '0') {
    spanNumber.css('color', '#c1c1c1');
}

Answer 4

如果您尝试

If ($('span.number').html () == '0'){
    $(this).css('color', '#C1C1C1');
}