jQueryを使用してID内のピリオドを含む要素を選択する方法?

jQuery を使用した ID 内のピリオドを含む要素の選択

Web 開発では、ID にピリオドが含まれる場合、jQuery を使用して要素を選択するのが困難になる場合があります。 (。)。この問題に対処するには、次の手順に従います。

1.二重バックスラッシュを使用してピリオドをエスケープします

ピリオドは、jQuery セレクターでは特殊文字とみなされます。 ID にピリオドを含む要素を選択するには、2 つのバックスラッシュ () を使用してピリオドをエスケープする必要があります。これは、単一のバックスラッシュ () が 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 中国語 Web サイトの他の関連記事を参照してください。