[jQuery] xpath not returning objects
I have a bunch of divs with the same classname, 'mediafield':
<div id="articles" class="mediafield">Slug:</div>
<div id="video" class="mediafield">Big Blurb(Video)
</div>
<div id="content_short" class="mediafield">Big Blub(short content)
</div>
<div id="audio" class="mediafield">Big Blub(Audio)
</div>
<div id="images" class="mediafield">Photo Uri(images):
</div>
and I have this jquery code in my header:
<script>
$(document).ready(function() {
$("input:checkbox[@name=media_type]").click(function() {
if (this.checked == true) {
alert('checkbox true');
$("div[@class=mediafield]").hide('fast');
});
});
</script>
So I know that the click function is getting implemented.. The alert
box appears however I get the following error in firebug:
uncaught exception: Syntax error, unrecognized expression:
[@class=mediafield]
Line 0
Nothing happens when firebug is turned off... So I'm not sure why it's
throwing the error.
Any help?
Thanks,
ooj