jQuery: How do I identify an element whose ID contains a dot?

Question

Here is my current code:

jQuery(document).ready(function($) {
  $("#edit-name").change(function() {
    $("#Membership_UserName").val($(this).val());
  });
  $("#edit-pass-pass1").change(function() {
    $("#Membership_PassWord").val($(this).val());
  });
  $("#edit-pass-pass2").change(function() {
    $("#.Verify_Password").val($(this).val());
  });
});

Everything works fine, except for updating the value of the element whose ID is .Verify_Password. The reason seems pretty apparent to me (that jQuery is getting confused after seeing # and . right next to each other) but maybe that's wrong...

Regardless, the ID can't be changed because it's being sent to a remote endpoint and it needs to match on that end.

So my question is: is there a way to tell jQuery that .Verify_Password is an ID (and not a class)?

http://stackoverflow.com/questions/15361015/jquery-id-selector-not-working-when-have-in-id — Dipesh Parmar, Aug 24 '13 at 04:30
You could just use `document.getElementById()` and wrap that in jQuery. — Ja͢ck, Aug 24 '13 at 04:42

score 2 · Accepted Answer · answered Aug 24 '13 at 04:31

2

yes you can do this by escape it.

$('#\\.Verify_Password');

OR

$("[id='.Verify_Password']")

answered Aug 24 '13 at 04:31

Dipesh Parmar

27,090
8
61
90

I doubt that the latter will be optimised by jQuery. – Ja͢ck Aug 24 '13 at 04:44

score 1 · Answer 2 · edited May 23 '17 at 12:07

1

Try $("#\\.Verify_Password").val($(this).val()); or read up on jQuery selector value escaping

edited May 23 '17 at 12:07

Community

1
1

answered Aug 24 '13 at 04:29

DGS

6,015
1
21
37

score 1 · Answer 3 · edited May 03 '16 at 10:16

1

You should double escape it

 $("#\\.Verify_Password").val($(this).val());

Check this jQuery doc for more info, Few examples -

// Does not work
$("#some:id")

// Works!
$("#some\\:id")

// Does not work
$("#some.id")

// Works!
$("#some\\.id")

edited May 03 '16 at 10:16

marc_s

732,580
175
1,330
1,459

answered Aug 24 '13 at 04:31

ssilas777

9,672
4
45
68

score 1 · Answer 4 · answered Aug 24 '13 at 04:31

If you indicate a selector with # then it will be an ID or if you indicate a selector witn . then it will be an CLASS.

If you didnt know whether it is an id or class then try like

$("#edit-pass-pass2").change(function() {
    $("#\\.Verify_Password").val($(this).val());
});

jQuery: How do I identify an element whose ID contains a dot?

4 Answers4