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

使用 jQuery 选择 ID 中带有句点的元素

使用包含带有句点（“.”）的元素的 HTML 表单时他们的 ID，使用 jQuery 选择它们可能会带来挑战。这是因为 jQuery 使用句点来分隔类名和元素名。

理解问题

以下代码尝试使用 jQuery 通过 ID 选择下拉列表:

$("#Address.Country")
$("#Address.State")

但是，此代码不起作用，因为 jQuery 将句点解释为类名称，而不是 ID 的一部分。

转义句点字符

要转义句点字符并通过完整 ID 选择元素，需要使用两个反斜杠。这是因为 JavaScript 使用一个反斜杠作为特殊字符，而 jQuery 需要一个额外的反斜杠来转义初始反斜杠。

更正的代码

更正的代码如下所示:

$("#Address\.Country")
$("#Address\.State")

通过使用两个反斜杠转义句点字符，选择器现在可以正确匹配元素的 ID，并允许使用 jQuery 进行操作。

示例

以下更新的 jQuery 代码成功通过 ID 选择下拉列表，假设表单与原始问题中提供的示例匹配：

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

通过遵循此方法，开发人员可以选择元素在 jQuery 中，其 ID 中包含句点，允许动态操作以及与网页上的元素交互。

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