title: Why is the background color not changing?
body: <p>I've got a problem to highlight some rows in a table generated by apex.</p>
  
  <p>With dynamic actions and jQuery, I was able to highlight single columns</p>
  
  <p>jQuery:</p>
  
  <pre><code>$('tr td[headers="IDZ"]').each(function(){
    if(parseInt($(this).html()) == 12){
      $(this).attr('style','background-color:red');
    }
  });
  </code></pre>
  
  <p>Result in html:</p>
  
  <pre><code>&lt;td align="right" headers="IDZ" style="background-color:red"&gt;12&lt;/td&gt;
  </code></pre>
  
  <p>Works fine, the column where IDZ == 12 is red now.</p>
  
  <p>But I want to highlight the entire row so I thought let's get the parent node <code>&lt;tr&gt;</code> and add some "style".</p>
  
  <p>jQuery:</p>
  
  <pre><code>$('tr td[headers="IDZ"]').each(function(){
    if(parseInt($(this).html()) == 12){
      $(this).parent().attr('style','background-color:red');
    }
  });
  </code></pre>
  
  <p>and the result:</p>
  
  <pre><code>&lt;tr class="even" style="background-color:red"&gt;
  </code></pre>
  
  <p>Row didn't change their background color and I have no idea why. Tested with Firefox and Chrome.</p>
  
  <p>I'm grateful for any hints or solutions.</p>
  
  <p>Mario</p>