jQueryを使用してIDにピリオドが含まれるHTML要素を選択する方法?

jQuery を使用した ID にピリオドが含まれる要素の選択

問題:

jQuery を使用して、 ID にピリオド (.) が含まれている場合、JavaScript と jQuery の間で文字エスケープの競合が発生するため、指定されたセレクターが一致しません。

修正:

この問題を解決するには、次のようにします。 jQuery セレクター内の各バックスラッシュの前に 2 つのバックスラッシュを使用してピリオド文字をエスケープする必要があります。これは次の理由によるものです。

• jQuery セレクターのバックスラッシュは次の文字をエスケープします。
• 最初のバックスラッシュは 2 番目のバックスラッシュをエスケープするために必要であり、2 番目のバックスラッシュはピリオド文字をエスケープできます。 .

解決策:

$(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 を参照してください: CSS 表記で使用されている文字を含む ID で要素を選択するにはどうすればよいですか?

以上がjQueryを使用してIDにピリオドが含まれるHTML要素を選択する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。