javascript - JQuery 如果 td 值 < 没有改变表行的颜色

Question

我有一个 jquery snipit 几乎可以做我想做的事，我希望该行改变颜色而不仅仅是具有值的单元格..任何人都可以帮助请尝试几个小时

    $(document).ready(function() {
$('.nr2').filter(function(){
return $.trim($(this).text()) > '0'
}).css('background-color', '#24AD36');

});

fork on fiddle

Answer 1

只需在 filter() 之后链接 parent() 方法即可获取行

$(document).ready(function () {
    $('.nr2').filter(function () {
        return +($.trim($(this).text())) > 0
    }).parent().css('background-color', '#24AD36');

});

示例:http://jsfiddle.net/dpyu0mhq/1/

---

作为旁注，我建议设置一个类而不是 css 属性，只是为了避免 javascript 的样式并使代码维护更容易，例如

Javascript

.parent().addClass('highlight');

CSS

.highlight {
  background-color: #24AD36
}