jQuery를 사용하여 선택한 요소의 태그 이름을 어떻게 얻을 수 있습니까?

jQuery로 선택한 요소의 태그 이름 가져오기

선택한 요소의 태그 이름을 아는 것은 다양한 시나리오에서 도움이 될 수 있습니다. jQuery는 이 정보에 액세스하는 편리한 방법을 제공합니다.

.prop("tagName") 사용

선택한 요소의 태그 이름을 검색하려면 ".prop('tagName')" 메소드. 이 메소드는 요소의 태그 이름을 문자열로 제공합니다. 예를 들면 다음과 같습니다.

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

태그 이름은 반환된 값에서 관례적으로 대문자로 표시됩니다.

사용자 정의 함수 만들기

". prop('tagName')"은 번거로우므로 사용자 정의를 만들 수 있습니다. 함수:

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