jQuery id selector not working when have . in ID

Question

My html code is as below.

<div id="chatbox_dipesh.parmar" class="chatbox">
  //html markup which is validated
</div>

in above code dipesh.parmar div added dynamically.

And i am accessing it using following code.

$("#chatbox_"+chatboxtitle).show();

where chatboxtitle is dipesh.parmar but its not selecting div.

Does . is not a valid for ID.?

My jQuery is loaded and its not conflicting with other library and also wrapped it into $(function(){ }).

Thanks.

Escape the dot. See this: [Direction][1] [1]: http://stackoverflow.com/questions/605630/how-to-select-html-nodes-by-id-with-jquery-when-the-id-contains-a-dot — Rob, Mar 12 '13 at 12:21
`$("#chatbox_dipesh.parmar")` will look for an element having `id` as `chatbox_dipesh` and `class` as `parmar`. — arulmr, Mar 12 '13 at 12:23
Does . is not a valid for ID.? : YES to avoid this use \\ and make it work :) — K D, Mar 12 '13 at 12:24
@Rob don't worry you will be rewarded dude...Thanx so much..wait for 10 min bro — Dipesh Parmar, Mar 12 '13 at 12:26

score 11 · Accepted Answer · edited May 23 '17 at 11:50

11

Escape the dot.

See this: Direction

edited May 23 '17 at 11:50

Community

answered Mar 12 '13 at 12:25

Rob

there you go...bingo.. – Dipesh Parmar Mar 12 '13 at 12:34
1

@Rob - Please don't go around SO editing the code whitespace. It's not the done thing. You need to make substantive edits. Unless the code readability is significantly improved it should be left alone. – Enigmativity Apr 09 '13 at 22:21

1 Answers1