title: Cannot select tr not containing th elements in jquery
body: <p>The example is from a book.
  Table heading,Odd,even rows have different colors.
  It selects tr which do not contain th element so that prevent the style overlapping between table heading and even row.
  But after the rending of browser,it will comes out <code>&lt;tr class="table-heading even"&gt;</code>.
  So the style of even rows overwrite that of table heading row.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;title&gt;Styling Alternate Rows&lt;/title&gt;
      &lt;style type="text/css"&gt;
        .table-heading{
            text-align:left;
            background-color:#6C6; /*green for table heading*/
        }     
        .odd{
            background-color:#ffc; /*pale yellow for odd row*/
        }
        .even{
            background-color:#cef; /*pale blue for even rows*/
        }
        .highlight{
            font-weight:bolid;
            color:#f00;
        }
      &lt;/style&gt;
      &lt;script src="../jquery-1.8.0.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
        $(document).ready(function (){
                //style table heading row
                $('th').parent().addClass('table-heading');             
                //style odd row
                $('tr:not([th]):odd').addClass('odd');
                //style even row
                $('tr:not([th]):even').addClass('even');
                //style next table cells of the cell containing the word "Henry"
                $('td:contains("Henry")').next().addClass('highlight');
            }
        );
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;th&gt;Title&lt;/th&gt;
              &lt;th&gt;Category&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;As your like it&lt;/td&gt;
              &lt;td&gt;Comedy&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;All well&lt;/td&gt;
              &lt;td&gt;Comedy&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Henry IV Part 1&lt;/td&gt;
              &lt;td&gt;Tragely&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Henry V&lt;/td&gt;
              &lt;td&gt;Tragely&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>