jQuery如果td值<沒有改變表行的顏色

Question

我有一個jquery的snipit，幾乎可以完成所需的操作，我希望該行更改顏色，而不僅僅是更改具有該值的單元格。.有人可以幫忙嘗試幾個小時嗎？

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

});

小提琴上叉

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風格，並使代碼維護更容易，例如

Java腳本

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

的CSS

.highlight {
  background-color: #24AD36
}

Answer 2

您可以使用closest()查找最近的tr元素。 我還建議您將td值轉換為整數以與0比較。 對字符串使用大於號可以導致一些有趣的結果。

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

更新的小提琴