jQuery selector for an HTML element whose id contains a point (.)

Question

The element:

<input type='text' id='Customer.name' value='' />

The invalid jQuery selector:

$('#Customer.name')

Does anyone know what the selector should be for this element?

[Question 6](http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_select_an_element_by_an_ID_that_has_characters_used_in_CSS_notation.3F) from jQuery FAQ. — GSerg, Jul 15 '11 at 07:47
FYI, if you have any influence over the content, it's certainly best to stay away from punctuation in id names: http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html — jfriend00, Jul 15 '11 at 07:58

score 20 · Accepted Answer · answered Jul 15 '11 at 07:45

20

$('input[id="Customer.name"]')

answered Jul 15 '11 at 07:45

AlienWebguy

if there a way to get teh element by css #Customer.name{ ...} doesnot work,!! ay way to get it by css – Imen Jan 15 '21 at 16:11

score 19 · Answer 2 · answered Jul 15 '11 at 07:45

19

You can escape the period character with two backslashes:

$('#Customer\\.name')

answered Jul 15 '11 at 07:45

Frédéric Hamidi

1

This selector is perfectly valid although in IE9 even when the html element is there, `$('#Customer\\.name').length` returns 0. However, `$('input[id="Customer.name"]')` returns 1 (!?!) – Jimbo Jul 18 '11 at 07:51

score 5 · Answer 3 · edited Nov 04 '15 at 08:27

5

From the jquery documentation:

$("#Customer\\.name")

edited Nov 04 '15 at 08:27

Jacob van Lingen

answered Jul 15 '11 at 07:46

Svetlin Panayotov

3 Answers3