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