[jQuery] selector finds element but changing css has no effect?
Hi,
I have a div that is inside a td.
My code is the following fragment:
var currentelement = jQuery("#" + activecolid);
var selectedcontent = jQuery("#" + activecolid).find
("div.contentdisplay");
alert(currentelement.html());
alert(selectedcontent.html());
selectedcontent.css({border: "10px solid #699000"});
currentActiveEl = activecolid;
both of the alerts show up:
alert 1:
<td class="activatingcell"><span class="activation"
id="activator5toplevel" onclick="activation('5toplevel');return
false;">☐</span></td><td class="hiddendata"><div class="hidden"><form
id="form5toplevel" name="form5toplevel"><input id="5toplevel_1HttpUri"
name="5toplevel_1HttpUri" value="http://radar.oreilly.com/"
type="text"></form></div></td><td class="activatedcol"
id="5toplevelactivcol"><div class="contentdisplay"><h5><a href="http://
radar.oreilly.com/">O'Reilly Radar - Insight, analysis, and research
about emerging technologies</a></h5></div></td>
alert 2:
<h5><a href="http://radar.oreilly.com/">O'Reilly Radar - Insight,
analysis, and research about emerging technologies</a></h5>
however when I change the css on selectedcontent it doesn't make any
change. There isn't any setting for the contendisplay class in the
css.
I have tried to change setting the css to
selectedcontent.css("border","10px solid #699000");
I have also retrieved the css value for border afterwards and it
returns the correct value.
with alert(selectedcontent.css); returning
10px solid rgb(105, 144, 0)