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

jQuery を使用して ID にピリオドを含む要素を選択する

ピリオド (".") を含む要素を含む HTML フォームを操作する場合jQuery を使用して ID を選択するのは難しい場合があります。これは、jQuery がクラス名と要素名を区切るためにピリオドを使用するためです。

問題の理解

次のコードは、jQuery を使用して ID によってドロップダウン リストを選択しようとします。 :

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

ただし、jQuery はピリオドを ID の一部ではなくクラス名として解釈するため、このコードは機能しません。

ピリオド文字のエスケープ

ピリオド文字をエスケープし、完全な ID で要素を選択するには、2 つのバックスラッシュを使用する必要があります。これは、JavaScript が特殊文字として 1 つのバックスラッシュを使用し、jQuery では最初のバックスラッシュをエスケープするために追加のバックスラッシュが必要であるためです。

修正されたコード

修正されたコードは次のようになります。 :

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

ピリオド文字を 2 つのバックスラッシュでエスケープすることで、セレクターが要素の 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 にピリオドを使用すると、Web ページ上の要素との動的な操作と対話が可能になります。

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