[jQuery] Changing inline styles?
I have to massage the output of a Microsoft Tree control in alternate
browsers. In Firefox the tree output looks like this (simplifed and
wrapped):
<div id="TreeViewControl">
//table definition and other non-essentials omitted
<tr><td>
<a target="edit" href="managePagesEditor.aspx?pgID=1121">
<IMG align='top' border='0' class='icon' SRC='/cms/images/html.gif'>
<font COLOR="#00FFFF" SIZE="2" style="display:inline;font-size:
10pt;font-face:Times;text-
decoration:none;cursor:hand;overflow:hidden;color:#00FFFF;background-
color:#08246B;">
Athletics & Activities</font></a></td></tr>
</div>
I'm trying to change the <font>..</font> inline styles. The example
above is the selected state: color:#00FFFF;background-color:#08246B
I need to modify color to black and background color to white (or
transparent).
Thought this would work to change the font color:
$
("#TreeViewControl").find("font[@COLOR='#00FFFF']").css("color","White");
but it doesn't. Can inline styles be changed with jquery? Maybe an
alternative would be to .wrap the text in another element? Thanks in
advance for any suggestions. Just getting a feel for jquery...its
very cool!
jp