-3

私はこの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」セルを含む行の背景とフォントを変更します。何か案が？

前もって感謝します ：）

4

3 に答える 3

3

すべての行を選択し、「TOTAL」というテキストを含むtdを持つ行にフィルターしてから、クラスを追加します。

$('table.table-all tr').has('td:contains("TOTAL")').addClass("totalRow");
于 2012-06-20T15:51:19.290 に答える
0

これにより、実際の合計テキストが検索され、親行の色が設定されます。

$("td:contains('TOTAL')").parent().css('background-color','#d0d0d0')
于 2012-06-20T15:51:51.337 に答える
0

これが-jQueryを使用していないことです！

var tr = document.getElementsByTagName('tr')[2];
tr.style.backgroundColor = "red";
于 2012-06-20T16:00:05.323 に答える