it-swarm.com.ru

jQuery: получить имя тега выбранного элемента

Есть ли простой способ получить имя тега?

Например, если мне дали $('a') в функцию, я хочу получить 'a'.

597
configurator

Вы можете позвонить .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"
967
tilleryj

Вы можете использовать свойство DOM nodeName :

$(...)[0].nodeName
94
SLaks

Начиная с jQuery 1.6, теперь вы должны вызывать prop:

$target.prop("tagName")

Смотрите http://api.jquery.com/prop/

56
Rob

jQuery 1.6 +

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

Старые версии

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

toLowerCase () не является обязательным.

44
Dayron Gallardo

Это еще один способ:

$('selector')[0].tagName
22
Chepech

Вы должны НЕ использовать jQuery('selector').attr("tagName").toLowerCase(), потому что это работает только в более старых версиях Jquery.

Вы можете использовать $('selector').prop("tagName").toLowerCase(), если вы уверены, что используете версию jQuery, которая> = версия 1.6.


Замечания :

Вы можете подумать, что КАЖДЫЙ сейчас использует jQuery 1.10+ или что-то еще (январь 2016 г.), но, к сожалению, это не совсем так. Например, сегодня многие люди до сих пор используют Drupal 7, и каждый официальный выпуск Drupal 7 по сей день включает jQuery 1.4.4 по умолчанию.

Поэтому, если вы не знаете наверняка, будет ли ваш проект использовать jQuery 1.6+, рассмотрите возможность использования одного из вариантов, которые работают для ВСЕХ версий jQuery:

Вариант 1:

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

Вариант 2

jQuery('selector')[0].nodeName.toLowerCase()
10
John Slegers