2012-06-20 17 views
-3

的变化属性我有这样的HTML表:的javascript:特定的表行

<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> 

我会改变的背景和包含“总计”单元行(S)的字体。任何想法?

感谢提前:)

+3

什么阻止你这么做?你知道什么?如果你不知道任何JavaScript,那么你需要阅读一个基本的教程。 – 2012-06-20 15:51:37

+0

我问,因为我不知道它是如何做到的。是的,我必须学习更多的jquery,但同时我需要解决这个问题。活得长久,繁荣 – Jack

+0

嗯,我不知道你知道什么,你不知道什么。提供有关您卡住的位置的信息是很好的。如果你控制发送的HTML,那么你应该做的是在目标元素上放置一个类。下面提供的解决方案应被视为最后的手段。 – 2012-06-20 17:34:47

回答

0

这会找到实际总文本,并设置父行颜色:

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

感谢Diodeus! – Jack

3

选中所有行,过滤器具有包含文本“TOTAL”一个TD行,然后添加你的类。

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

这里不需要'filter'。 – VisioN

+0

@VisioN我不确定,是:contains()一个css3选择器?和:has()? –

+0

:has()不是css3选择器,因此将其拆分为第二种方法会更快。然而,这只是一个毫无意义的微观优化。 –

0

这是 - 不使用jQuery!

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