首頁  >  文章  >  web前端  >  如何使用 jQuery 選擇 ID 中帶有句點的元素?

如何使用 jQuery 選擇 ID 中帶有句點的元素?

Barbara Streisand
Barbara Streisand原創
2024-10-23 07:38:29524瀏覽

How to Select Elements with Periods in IDs Using jQuery?

使用jQuery 選擇ID 中包含句點的元素

在Web 開發中,當ID 包含句點時使用jQuery 選擇元素可能會很困難(.)。要解決此問題,請按照以下步驟操作:

1.使用雙反斜線轉義句點

句點在jQuery 選擇器中被視為特殊字符。若要選擇 ID 中包含句點的元素,則需要使用兩個反斜線 () 轉義句點。這是因為單一反斜線 () 是 JavaScript 字串的轉義字元。

2.更新您的選擇器

在提供的程式碼中,#Address.Country 和 #Address.State 的選擇器包含句點。要使它們正常工作,請按如下方式更新它們:

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

3.最終程式碼

進行這些變更後,您的程式碼應如下所示:

$(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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn