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

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

---

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

예를 들어, 내가 $('a')함수에 주어지면 '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.

---

노트 :

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

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

옵션 1 :

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

옵션 2

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

참고 URL : https://stackoverflow.com/questions/5347357/jquery-get-selected-element-tag-name