Select elements with periods in ID using jQuery?

Question

I have an id with a dot ('.') . I am not able to select it using jQuery.

For example:

 <p id="sec.ond">this is another  paragraph</p>

How can I use such an id to select this element?

I get such ids while I use spring forms with arrays, e.g.:

<form:input path="abc[0].firstName" />

This will result in:

<form:input id="abc0.firstName" name="abc[0].firstName" />

Thanks in advance for any help.

Duplicate: http://stackoverflow.com/questions/605630/how-to-select-html-nodes-by-id-with-jquery-when-the-id-contains-a-dot — Mutt, Jun 17 '11 at 14:02

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

5

You can escape it to select it in jQuery.

Example:

$('#sec\\.ond').doSomething()

edited May 23 '17 at 11:55

Community

answered Jun 17 '11 at 14:01

Naftali

score 3 · Answer 2 · answered Jun 17 '11 at 14:01

3

Use two backslashes before the period to escape it, e.g.:

$('#sec\\.ond')

answered Jun 17 '11 at 14:01

Donut

I tried with single slash, didnt get idea for double slash. Thanks – Vamshi Jun 17 '11 at 14:11

2 Answers2