Share This Article:

Subscribe to Kavoir:

HTML generated by some CMS or frameworks include elements with rather uncommon characters in ID or class names. For example, some may have special characters such as ‘.’ or ‘[..]’ in the ID or Class. To work around this, a selector in jQuery should be written this way:

$("$some.id") // won't work for ID: some.id $("$some\\.id") // works for ID: some.id

With brackets in ID:

$("$some[id]") // won't work for ID: some[id] $("$some\\[id\\]") // works for ID: some[id]

You get the idea. Just add double backslashes \\ before any of the special characters.

Share This Article:

Subscribe to Kavoir:

You should also read:

• jQuery: How to check if an element has a particular class
• PHP: Difference between htmlspecialchars() and htmlentities() Functions
• How to display HTML code on a web page?
• CSS: Double Border
• jQuery: Protecting or hiding variables / functions in a specific local scope