JQuery Element ID Question

[Gregg Bolinger]

The majority of the elements in my pages have id's like

foo.hoo

However, JQuery tends to not like this with respect to

$('#foo.hoo')

It doesn't error out, it just doesn't grab the element. Is there anyway around this?

[Bear Bibeault]

jQuery is following CSS which doesn't allow for dots in id names. It kinda sucks cause I like using dots for name-spacing ids, but that precludes their use in CSS and jQuery.

[Gregg Bolinger]

Originally posted by Bear Bibeault:
jQuery is following CSS which doesn't allow for dots in id names. It kinda sucks cause I like using dots for name-spacing ids, but that precludes their use in CSS and jQuery.

Yea, I just searched the JQuery mailing list and discovered the same thing. Thanks.

[Bear Bibeault]

You can escape the dot, but it's pretty ugly:

$('#foo\\.hoo')    

[Valentin Crettaz]

Yes, basically the dot is used to denote a CSS class name in a selector. The only way around is to do how Bear proposes, i.e. to escape the dot.

[Gregg Bolinger]

It's a big ugly but its not too bad and it's less intrusive than the work around. Thanks.