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

태그 이름을 얻는 쉬운 방법이 있습니까?

예를 들어, $('a')함수에 주어지면 get을 원합니다 'a'.

에 전화 할 수 있습니다 .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"

일반적으로 태그 이름은 CAPITALIZED를 반환 합니다. 반환 된 태그 이름을 모두 소문자로하려면 다음과 같이 사용자 정의 함수를 편집 할 수 있습니다.

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

예 :

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

DOM의 nodeName속성을 사용할 수 있습니다 :

$(...)[0].nodeName

jQuery 1.6부터는 prop을 호출해야합니다.

$target.prop("tagName")

http://api.jquery.com/prop/를 참조하십시오

jQuery 1.6 이상

jQuery('selector').prop("tagName").toLowerCase()

이전 버전

jQuery('selector').attr("tagName").toLowerCase()

toLowerCase ()는 필수가 아닙니다.

이것은 또 다른 방법입니다.

$('selector')[0].tagName

당신은해야 하지 사용 jQuery('selector').attr("tagName").toLowerCase()에만 JQuery와 이전 버전에서 작동하기 때문에.

당신은 할 수 사용 $('selector').prop("tagName").toLowerCase()하면 jQuery를 먹으 렴의 버전을 사용하고 있는지 당신이있는 거 어떤 경우> = 버전 1.6.

노트 :

모든 사람이 지금까지 jQuery 1.10+ 이상을 사용한다고 생각할 수도 있지만 (2016 년 1 월) 불행히도 실제로는 그렇지 않습니다. 예를 들어 오늘날 많은 사람들이 여전히 Drupal 7을 사용하고 있으며 현재까지 Drupal 7의 모든 공식 릴리스에는 기본적으로 jQuery 1.4.4가 포함되어 있습니다.

따라서 프로젝트에서 jQuery 1.6 이상을 사용할지 확실하지 않은 경우 모든 버전의 jQuery에서 작동하는 옵션 중 하나를 사용하는 것이 좋습니다.

옵션 1 :

jQuery('selector')[0].tagName.toLowerCase()

옵션 2

jQuery('selector')[0].nodeName.toLowerCase()

nodeName은 태그 이름을 대문자로 제공하고 localName은 소문자를 제공합니다.

$("yourelement")[0].localName 

당신에게 줄 것입니다 : 당신의 요소 대신 당신의 요소