如果 td 值<则 JQuery 不会更改表行的颜色

JQuery if td value < nothing change color of table row

本文关键字：颜色 JQuery td 如果      更新时间：2023-09-26

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

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

小提琴上的叉

子

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

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

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

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

爪哇语

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

.CSS

.highlight {
  background-color: #24AD36
}
您可以使用

closest()来查找最近的tr元素。我还建议您将td值转换为整数以与0进行比较。使用大于反对字符串可以产生一些有趣的结果。

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

更新的小提琴

相关文章：