How do I get jQuery to select elements with a . (period) in their ID?

by

From Google Groups:

Use two backslashes before each special character.

A backslash in a jQuery selector escapes the next character. But you need
two of them because backslash is also the escape character for JavaScript
strings. The first backslash escapes the second one, giving you one actual
backslash in your string – which then escapes the next character for jQuery.

So, I guess you’re looking at

$(function() {
  $.getJSON("/Location/GetCountryList", null, function(data) {
    $("#Address\\.Country").fillSelect(data);
  });
  $("#Address\\.Country").change(function() {
    $.getJSON("/Location/GetRegionsForCountry", { country: $(this).val() }, function(data) {
      $("#Address\\.State").fillSelect(data);
    });
  });
});

Also check out How do I select an element by an ID that has characters used in CSS notation? on the jQuery FAQ.

More Related Contents:

  1. How to get the children of the $(this) selector?
  2. Get selected text from a drop-down list (select box) using jQuery
  3. Assign click handlers in for loop
  4. How can I select an element by name with jQuery?
  5. jQuery selectors on custom data attributes using HTML5
  6. How can I get selector from jQuery object
  7. Select all elements that have a specific CSS, using jQuery
  8. How to get all options of a select using jQuery?
  9. jQuery function to get all unique elements from an array?
  10. jQuery DOM changes not appearing in view source
  11. Testing if a checkbox is checked with jQuery
  12. JQuery .on() method with multiple event handlers to one selector
  13. jQuery : select all element with custom attribute [duplicate]
  14. Selecting multiple classes with jQuery
  15. Case insensitive jQuery attribute selector
  16. How do you check if a selector matches something in jQuery? [duplicate]
  17. Not class selector in jQuery
  18. jQuery single selector vs .find()
  19. jQuery Selector + SVG Incompatible?
  20. Using jQuery to search a string of HTML
  21. jQuery find and replace string
  22. Is there a ‘has focus’ in JavaScript (or jQuery)?
  23. jQuery :contains(), but to match an exact string
  24. jQuery support “:invalid” selector
  25. Getting a jQuery selector for an element
  26. Combine two selectors with one jQuery object
  27. How to select empty inputs (value=””) using jQuery
  28. jQuery difference between :eq() and :nth-child()
  29. jQuery selector to target any class name (of multiple present) starting with a prefix?
  30. Why do functional pseudos such as :not() and :has() allow quoted arguments?

Leave a Comment