Javascript JQuery if td value<;不改变表行的颜色
我有一个jquery的小切口,它几乎做了我想要的,我想要行改变颜色,而不仅仅是带值的单元格。。有人能帮忙吗?我已经试了好几个小时了Javascript JQuery if td value<;不改变表行的颜色,javascript,jquery,css,Javascript,Jquery,Css,我有一个jquery的小切口,它几乎做了我想要的,我想要行改变颜色,而不仅仅是带值的单元格。。有人能帮忙吗?我已经试了好几个小时了 $(document).ready(function() { $('.nr2').filter(function(){ return $.trim($(this).text()) > '0' }).css('background-color', '#24AD36'); }); 只需在过滤器()之后链接父()方法即可获得行 $(document).r
$(document).ready(function() {
$('.nr2').filter(function(){
return $.trim($(this).text()) > '0'
}).css('background-color', '#24AD36');
});
只需在
过滤器()之后链接父()方法
即可获得行
$(document).ready(function () {
$('.nr2').filter(function () {
return +($.trim($(this).text())) > 0
}).parent().css('background-color', '#24AD36');
});
例如:
作为旁注,我建议设置一个类而不是css属性,只是为了避免javascript的风格,使代码的维护更容易,例如
Javascript
.parent().addClass('highlight');
CSS
您可以使用closest()
查找最近的tr
元素。我还建议您将td
值转换为整数,以便与0
进行比较。对字符串使用大于可以得到一些有趣的结果
看看这个:+建议使用类
.highlight {
background-color: #24AD36
}
$('.nr2').filter(function () {
return parseInt($.trim($(this).text()), 10) > 0
}).closest('tr').css('background-color', '#24AD36');