선택한 jQuery 요소의 태그 이름을 쉽게 얻는 방법은 무엇입니까?

jQuery에서 선택한 요소의 태그 이름을 검색하는 방법

jQuery에서는 웹 페이지의 요소를 조작하는 경우가 많습니다. 작업 중인 요소의 태그 이름을 검색하는 것이 유용한 경우가 있습니다.

태그 이름을 쉽게 얻을 수 있는 방법이 있나요?

예를 들어, 함수에 $('a')가 주어졌고 'a' 태그를 얻고 싶다고 가정해 보겠습니다. name.

답변

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

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

.prop("tagName")을 작성하는 것이 번거롭다면 사용자 정의 함수를 정의할 수 있습니다.

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

예:

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

관례에 따라 태그 이름은 대문자로 반환됩니다. 소문자 태그 이름을 선호하는 경우 사용자 정의 기능을 수정하십시오.

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

예:

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

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