jquery - 为什么背景颜色没有改变？

Question

我在突出显示 apex 生成的表中的某些行时遇到了问题。

通过动态操作和 jQuery，我能够突出显示单个列

jQuery:

$('tr td[headers="IDZ"]').each(function(){
  if(parseInt($(this).html()) == 12){
    $(this).attr('style','background-color:red');
  }
});

html 格式的结果:

<td align="right" headers="IDZ" style="background-color:red">12</td>

工作正常，IDZ == 12 所在的列现在是红色的。

但我想突出显示整行，所以我想让我们获取父节点 <tr>并添加一些“样式”。

jQuery:

$('tr td[headers="IDZ"]').each(function(){
  if(parseInt($(this).html()) == 12){
    $(this).parent().attr('style','background-color:red');
  }
});

结果:

<tr class="even" style="background-color:red">

Row 没有改变它们的背景颜色，我不知道为什么。已使用 Firefox 和 Chrome 进行测试。

我很感激任何提示或解决方案。

马里奥

Answer 1

为 设置背景并不总是可靠，您最好为所有子 或 设置它。

做到这一点的一个好方法是更换您的

$(this).parent().attr('style','background-color:red');

与

$(this).parent().addClass('highlightit');

然后添加css

tr.highlightit td { background-color: red; }

这将使该表行下的所有表数据元素都具有红色背景。