javascript - javascript：更改特定表行的属性

Question

我有这个 html 表：

<table class="table-all"> 
<tbody>
      <tr>
           <td>BISFENOLO</td>
           <td>Bisfenolo-AF 10/10</td>
           <td class="right">€ 30,79</td>
           <td class="right">$ 43,00</td>
           <td class="right">1.000,00</td>
      </tr>
      <tr>
           <td>BISFENOLO</td>
           <td>BPAF-ALLO 1/11</td>
           <td class="right">€ 46,76</td>
           <td class="right">$ 64,00</td>
           <td class="right">1.000,00</td>
      </tr><tr>
           <td>TOTAL</td>
           <td></td>
           <td class="right">€ 698,72</td>
           <td class="right">$ 97,13</td>
           <td class="right">17,00</td>
      </tr>
</tbody>

我会更改包含“TOTAL”单元格的行的背景和字体。任何想法？

提前致谢 ：）

Answer 1

选择所有行，过滤到 td 包含文本“TOTAL”的行，然后添加您的类。

$('table.table-all tr').has('td:contains("TOTAL")').addClass("totalRow");

Answer 2

这将找到实际的总文本并设置父行颜色：

$("td:contains('TOTAL')").parent().css('background-color','#d0d0d0')

Answer 3

在这里 - 不使用 jQuery！

var tr = document.getElementsByTagName('tr')[2];
tr.style.backgroundColor = "red";