jQuery를 사용하여 선택한 요소의 태그 이름을 얻는 방법은 무엇입니까?

jQuery를 사용하여 선택한 요소의 태그 이름을 결정하는 방법

jQuery에서 선택한 요소의 태그 이름을 가져오는 것은 간단할 수 있습니다. 일. 이는 HTML 구조를 동적으로 가져오거나 태그를 기반으로 요소를 조작하는 등 다양한 시나리오에 유용할 수 있습니다.

해결책 1: .prop("tagName") 사용

jQuery는 다양한 요소 속성을 검색하거나 설정할 수 있는 .prop() 메서드를 제공합니다. 태그 이름을 얻으려면 .prop("tagName")을 사용하세요.

const tagName = jQuery(element).prop("tagName");

예:

jQuery("<a>").prop("tagName"); // Output: "A"
jQuery("<h1 id="prop-tagName-Output-H">").prop("tagName"); // Output: "H1"</h1></a>

해결책 2: 태그 이름 만들기 Custom Tag Name 기능

반복해서 쓰는 경우 .prop("tagName")이 지루해지면 사용자 정의 함수를 만들어 프로세스를 단순화할 수 있습니다.

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

사용법:

const tagName = jQuery(element).tagName();

두 메서드 모두 반환 요소의 태그 이름은 대문자입니다. 소문자 태그 이름을 선호한다면 사용자 정의 기능을 수정하세요:

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

위 내용은 jQuery를 사용하여 선택한 요소의 태그 이름을 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!