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

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

마침표(".")가 있는 요소가 포함된 HTML 양식으로 작업하는 경우 jQuery를 사용하여 ID를 선택하는 것은 어려울 수 있습니다. 이는 jQuery가 클래스 이름과 요소 이름을 구분하기 위해 마침표를 사용하기 때문입니다.

문제 이해

다음 코드는 jQuery를 사용하여 ID별로 드롭다운 목록을 선택하려고 시도합니다. :

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

그러나 jQuery는 마침표를 ID의 일부가 아닌 클래스 이름으로 해석하기 때문에 이 코드는 작동하지 않습니다.

마침표 문자 이스케이프

마침표 문자를 이스케이프하고 전체 ID로 요소를 선택하려면 두 개의 백슬래시를 사용해야 합니다. 이는 JavaScript가 하나의 백슬래시를 특수 문자로 사용하고 jQuery가 초기 백슬래시를 이스케이프하려면 추가 백슬래시가 필요하기 때문입니다.

수정된 코드

수정된 코드는 다음과 같습니다. :

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

두 개의 백슬래시로 마침표 문자를 이스케이프 처리함으로써 이제 선택기가 요소의 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에 마침표가 포함되어 있어 웹페이지의 요소와 동적으로 조작하고 상호작용할 수 있습니다.

위 내용은 jQuery를 사용하여 ID에 마침표(.)가 있는 요소를 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!