[jQuery] Re: Using hoever() to highlight TR, but not thead? Works in FF but not IE.

[MichaL Sanger]

What about add tbody tag around table rows that are not in thead and then
make this selector:
$('#myTable tbody tr')

MichaL

2007/4/6, Andy Matthews <[EMAIL PROTECTED]>:

 I've got a table which looks like this:
<table id="myTable">
 <thead>
  <th>Name</th>
  <th>Position</th>
  <th>Salary</th>
  <th>Seniority</th>
 </thead>
 <tr class="off">
  <td>aaron</td>
  <td>systems</td>
  <td>40,077</td>
  <td>4 months</td>
 </tr>
 <tr class="off">
  <td>matt</td>
  <td>support</td>
  <td>44,184</td>
  <td>11 months</td>
 </tr>
[[ lots more data goes here ]]
</table>

I have jQ code which looks like this:
$('#myTable tr').hover(function(){
    $(this).addClass('on');
},function(){
    $(this).removeClass('on');
});

The goal being to highlight only TR tags on hover. Firefox displays this
behavior perfectly, but IE also highlights the thead row (which I do not
want). Apparently IE considers the thead row to be a TR with extra built in
properties? Without adding any additional code to my table, is there a way
to filter out the thead row? I tried using a not('thead' but that didn't
seem to work, but maybe I had it in the wrong place?

Anyone have any ideas?
* **____________________________________*
*** *
*Andy Matthews
*Senior Coldfusion Developer

Office:  877.707.5467 x747
Direct:  615.627.9747
Fax:  615.467.6249
[EMAIL PROTECTED]
www.dealerskins.com