[jQuery] Change TD className corresponding to the TD above

[jQuery] Change TD className corresponding to the TD above

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1255">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Verdana;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
text-align:right;
direction:rtl;
unicode-bidi:embed;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p.MsoAutoSig, li.MsoAutoSig, div.MsoAutoSig
{mso-style-priority:99;
mso-style-link:"E-mail Signature Char";
margin:0cm;
margin-bottom:.0001pt;
text-align:right;
direction:rtl;
unicode-bidi:embed;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.E-mailSignatureChar
{mso-style-name:"E-mail Signature Char";
mso-style-priority:99;
mso-style-link:"E-mail Signature";
font-family:"Times New Roman","serif";}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 90.0pt 72.0pt 90.0pt;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>Hey
All,<o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>I'm
trying to make a function that will change the className of a TD under
(visually) another TD.<o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>I
have this kind of setup:<o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'><table><o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>                <tr
id='Icons'><o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>                                <td><a
href='asd'><img…></a></td><o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>                                <td><a
href='asd'><img…></a></td><o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>                </tr><o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>                <tr
id='Texts'><o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>                                <td><a
href='…'>Home</a></td><o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>                                <td><a
href='…'>Home</a></td><o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>                </tr><o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'></table><o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'><o:p> </o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>Now
I want that when the first TD (on both rows) gets a hover the first TD on the
second row will change the it's class.<o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'><o:p> </o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>This
is what I got so far:<o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>function
onOver_init () {<span lang=HE dir=RTL style='font-family:"Arial","sans-serif"'><o:p></o:p></span>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>                $("#MainIcons
tr td")<span lang=HE dir=RTL style='font-family:"Arial","sans-serif"'><o:p></o:p></span>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>                .hover(function(){<span
lang=HE dir=RTL style='font-family:"Arial","sans-serif"'><o:p></o:p></span>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>                                $("#MainIcons
tr.Texts td#T-"+this.id).className('Hover');<span lang=HE dir=RTL
style='font-family:"Arial","sans-serif"'><o:p></o:p></span>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>                })<span
lang=HE dir=RTL style='font-family:"Arial","sans-serif"'><o:p></o:p></span>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'><span
dir=LTR></span><span dir=LTR></span>}<o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>Working
kinda funny and requires constantly using IDs for each of the tables, and
that's not really nice :/<o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'><o:p> </o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>If
you guys have any idea I would be grateful.<o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'><o:p> </o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>Thanks
a lot.<o:p></o:p>
<p class=MsoAutoSig dir=RTL><span dir=LTR><o:p> </o:p></span>
<div>
<table class=MsoNormalTable border=1 cellspacing=0 cellpadding=0 width="100%"
style='width:100.0%;border-top:double black 2.25pt;border-left:none;
border-bottom:solid black 1.0pt;border-right:none' id=Container>
<tr>
<td width="38%" style='width:38.0%;border:none;padding:9.0pt 0cm 0cm 0cm'
id=Right>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'><span
style='font-size:8.5pt;font-family:"Verdana","sans-serif";color:#333333'>Best
Regards,
Eli Sklar
K.co.il - Proffetional SEO <o:p></o:p></span>
</td>
<td width="20%" style='width:20.0%;border:none;padding:9.0pt 0cm 0cm 0cm'
id=Center>
<p class=MsoNormal align=center style='text-align:center;direction:ltr;
unicode-bidi:embed'><span style='font-size:8.5pt;font-family:"Verdana","sans-serif";
color:#333333'>Cell: 05 02 25 30 40 :</span><span style='font-size:8.5pt;
font-family:"Tahoma","sans-serif";color:#333333'>נייד</span><span
style='font-size:8.5pt;font-family:"Verdana","sans-serif";color:#333333'>
Office: 036500000 :</span><span style='font-size:8.5pt;font-family:"Tahoma","sans-serif";
color:#333333'>משרד</span><span style='font-size:8.5pt;font-family:"Verdana","sans-serif";
color:#333333'>
Website: <a href="http://www.k.co.il/">www.K.co.il</a> :</span><span
style='font-size:8.5pt;font-family:"Tahoma","sans-serif";color:#333333'>אתר
הבית</span><span style='font-size:8.5pt;font-family:"Verdana","sans-serif";
color:#333333'> <o:p></o:p></span>
</td>
<td width="38%" style='width:38.0%;border:none;padding:9.0pt 0cm 0cm 0cm'
id=Left>
<p class=MsoNormal dir=RTL><span lang=HE style='font-size:8.5pt;font-family:
"Tahoma","sans-serif";color:#333333'>בברכה,
אלי סקלאר
</span><span dir=LTR style='font-size:8.5pt;font-family:"Tahoma","sans-serif";
color:#333333'>K.co.il</span><span dir=RTL></span><span dir=RTL></span><span
lang=HE style='font-size:8.5pt;font-family:"Tahoma","sans-serif";color:#333333'><span
dir=RTL></span><span dir=RTL></span> - קידום אתרים מקצועי </span><span
dir=LTR style='font-size:8.5pt;font-family:"Tahoma","sans-serif";color:#333333'><o:p></o:p></span>
</td>
</tr>
</table>
</div>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'><o:p> </o:p>
<p class=MsoNormal dir=RTL><span dir=LTR><o:p> </o:p></span>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/