title: Jquery hover, highlight table row except last cell
body: <p>I want to convert this css behaviour into a jquery hover statement (because IE7/8 doesn't support css3). Basically when hovering over a row, I want the whole row to be highlighted except for the last cell.</p>
  
  <pre><code>#mysearchtable tr:hover td:not(:last-child)
  {
    background-color: #444444;
  }
  </code></pre>
  
  <p>I've tried using this:</p>
  
  <pre><code>$("#mysearchtable tr td:not(:last-child)").hover(
   function () { $(this).addClass('hoverclass') }, 
   function () { $(this).removeClass('hoverclass') });
  </code></pre>
  
  <p>The problem with this is $(this) is only returning the actual cell that was hovered over. I can try and use $(this).parent() but that would give me the whole row. What I want is the highlight the whole row, except the last cell.</p>
  
  <p>Would anyone know a solution?</p>
  
  <p>Cheers.</p>