That did the trick and only added two code elements. Thanks MichaL!

  _____  

From: [email protected] [mailto:[EMAIL PROTECTED] On
Behalf Of MichaL Sanger
Sent: Friday, April 06, 2007 8:44 AM
To: [email protected]
Subject: [jQuery] Re: Using hoever() to highlight TR, but not thead? Works
in FF but not IE.


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 <http://www.dealerskins.com/> 
 


Attachment: attf2f26.bmp
Description: Windows bitmap

Reply via email to