jQuery : Obtenir le nom de la balise de l'élément sélectionné

Question

Existe-t-il un moyen simple d'obtenir un nom d'étiquette ?

Par exemple, si on me donne $('a') dans une fonction, je veux obtenir 'a' .

Answer 1

Vous pouvez appeler .prop("tagName") . Exemples :

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

Si l'on écrit .prop("tagName") est fastidieuse, vous pouvez créer une fonction personnalisée comme suit :

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

Exemples :

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

Notez que les noms de balises sont, par convention, renvoyés. CAPITALISÉ . Si vous voulez que le nom de la balise renvoyée soit tout en minuscules, vous pouvez modifier la fonction personnalisée comme suit :

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

Exemples :

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

Answer 2

Vous pouvez utiliser le DOM nodeName propriété :

$(...)[0].nodeName

Answer 3

Depuis la version 1.6 de jQuery, vous devez désormais appeler prop :

$target.prop("tagName")

Voir http://api.jquery.com/prop/

Answer 4

jQuery 1.6+

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

Anciennes versions

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

toLowerCase() n'est pas obligatoire.

Answer 5

C'est encore un autre moyen :

$('selector')[0].tagName