如何使用 jQuery 选择 ID 中带有句点的 HTML 元素？

使用 jQuery 选择 ID 中包含句点的元素

问题：

当使用 jQuery 选择带有句点的元素时其 ID 中包含句点 (.)，由于 JavaScript 和 jQuery 之间的字符转义冲突，提供的选择器不匹配。

修复：

要解决此问题，您必须在 jQuery 选择器中的每个反斜杠之前使用两个反斜杠转义句点字符。这是因为：

• jQuery 选择器中的反斜杠转义下一个字符。
• 需要第一个反斜杠来转义第二个反斜杠，从而允许第二个反斜杠转义句点字符.

解决方案：

$(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);
    });
  });
});

解释：

修改后的代码中，双反斜杠转义了“Address.Country”和“Address.State”选择器中的句点，允许 jQuery 正确查找这些元素并与之交互。

参考：

了解更多信息，请参阅 jQuery FAQ：如何通过 ID 选择具有 CSS 表示法中使用的字符的元素？

以上是如何使用 jQuery 选择 ID 中带有句点的 HTML 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！