jQuery 요소의 태그 이름을 어떻게 검색할 수 있나요?

jQuery로 태그 이름 검색

jQuery에서 요소를 쿼리하면 태그 이름을 포함한 다양한 속성에 액세스할 수 있습니다. 이 가이드에서는 선택한 특정 요소의 태그 이름을 가져오는 효과적인 방법을 탐색합니다.

태그 이름 가져오기

.prop() 메서드를 사용하면 태그 이름을 검색할 수 있습니다. .prop("tagName")을 사용합니다. 다음은 몇 가지 예입니다.

jQuery("<a>").prop("tagName"); // Returns "A"
jQuery("<h1>").prop("tagName"); // Returns "H1"
jQuery("<coolTagName999>").prop("tagName"); // Returns "COOLTAGNAME999"

편의를 위해 다음과 같이 사용자 정의 함수를 생성할 수 있습니다.

jQuery.fn.tagName = function() {
  return this.prop("tagName");
};

이를 통해 다음을 사용할 수 있습니다.

jQuery("<a>").tagName(); // Returns "A"
jQuery("<h1>").tagName(); // Returns "H1"
jQuery("<coolTagName999>").tagName(); // Returns "COOLTAGNAME999"

태그 이름은 일반적으로 대문자로 반환됩니다. 소문자 이름을 선호하는 경우 사용자 정의 기능을 수정할 수 있습니다:

jQuery.fn.tagNameLowerCase = function() {
  return this.prop("tagName").toLowerCase();
};

낮은 태그 이름의 예:

jQuery("<a>").tagNameLowerCase(); // Returns "a"
jQuery("<h1>").tagNameLowerCase(); // Returns "h1"
jQuery("<coolTagName999>").tagNameLowerCase(); // Returns "cooltagname999"

위 내용은 jQuery 요소의 태그 이름을 어떻게 검색할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!