[jQuery] Using hoever() to highlight TR, but not thead? Works in FF but not IE.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.6000.16414" name=GENERATOR></HEAD>
<BODY>
<DIV><FONT face=Arial size=2><SPAN class=326042813-06042007>I've got a table
which looks like this:</SPAN></FONT></DIV>
<DIV><FONT face=Arial size=2><SPAN class=326042813-06042007><table
id="myTable"><BR> <thead><BR> <th>Name</th><BR> <th>Position</th><BR> <th>Salary</th><BR> <th>Seniority</th><BR> </thead><BR> <tr
class="off"><BR> <td>aaron</td><BR> <td>systems</td><BR> <td>40,077</td><BR> <td>4
months</td><BR> </tr><BR> <tr
class="off"><BR> <td>matt</td><BR> <td>support</td><BR> <td>44,184</td><BR> <td>11
months</td><BR> </tr></SPAN></FONT></DIV>
<DIV><FONT face=Arial size=2><SPAN class=326042813-06042007>[[ lots more data
goes here ]]<BR></table></SPAN></FONT></DIV>
<DIV><FONT face=Arial size=2><SPAN
class=326042813-06042007></SPAN></FONT> </DIV>
<DIV><FONT face=Arial size=2><SPAN class=326042813-06042007>I have jQ code which
looks like this:</SPAN></FONT></DIV>
<DIV><FONT face=Arial size=2>$('#myTable
tr').hover(function(){<BR> $(this).addClass('on');<BR>},function(){<BR> $(this).removeClass('on');<BR>});</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><SPAN class=326042813-06042007><FONT face=Arial size=2>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?</FONT></SPAN></DIV>
<DIV><SPAN class=326042813-06042007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=326042813-06042007><FONT face=Arial size=2>Anyone have any
ideas?</FONT></SPAN></DIV>
<DIV align=left><SPAN style="FONT-SIZE: 14px"><B><FONT face="Century Gothic">
<DIV align=left><SPAN class=159130414-05012007><FONT face=Arial size=2><SPAN
class=159130414-05012007><FONT face=Arial
size=2>____________________________________</FONT></SPAN></FONT></SPAN></DIV>
<DIV><SPAN class=159130414-05012007><FONT face=Arial size=2><SPAN
class=159130414-05012007></SPAN></FONT></SPAN> </DIV>Andy
Matthews<BR></FONT></B></SPAN><SPAN style="FONT-SIZE: 11px"><FONT
face="Century Gothic"><SPAN
style="FONT-SIZE: 8.5pt; FONT-FAMILY: 'Century Gothic'; mso-fareast-font-family: 'Times New Roman'; mso-bidi-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA; mso-no-proof: yes">Senior
Coldfusion Developer</SPAN><BR></FONT></SPAN><SPAN style="FONT-SIZE: 11px"><FONT
face="Century Gothic"><FONT color=#808080><IMG alt="" hspace=0
src="cid:326042813@06042007-16BC" border=0><BR></FONT>Office: 877.707.5467
x747<BR>Direct: 615.627.9747<BR>Fax:
615.467.6249</FONT></SPAN></DIV>
<DIV><SPAN style="FONT-SIZE: 11px"><FONT
face="Century Gothic">amatthews@dealerskins.com<BR><A
href="http://www.dealerskins.com/">www.dealerskins.com</A></FONT></SPAN></DIV>
<DIV> </DIV></BODY></HTML>