jQuery를 사용하여 ID에 마침표가 있는 HTML 요소를 선택하는 방법은 무엇입니까?

jQuery를 사용하여 ID에 마침표가 있는 요소 선택

문제:

jQuery를 사용하여 ID에 마침표(.)가 포함되어 있으면 JavaScript와 jQuery 간의 문자 이스케이프 충돌로 인해 제공된 선택기가 일치하지 않습니다.

수정:

이 문제를 해결하려면 jQuery 선택기 내에서 각 백슬래시 앞에 두 개의 백슬래시를 사용하여 마침표 문자를 이스케이프해야 합니다. 그 이유는 다음과 같습니다.

• jQuery 선택기의 백슬래시는 다음 문자를 이스케이프합니다.
• 두 번째 백슬래시를 이스케이프하려면 첫 번째 백슬래시가 필요하므로 두 번째 백슬래시가 마침표 문자를 이스케이프할 수 있습니다. .

해결책:

$(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 중국어 웹사이트의 기타 관련 기사를 참조하세요!