如何使用 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中文網其他相關文章！