Comment obtenir facilement le nom de balise d'un élément jQuery sélectionné ?

Comment récupérer le nom de balise d'un élément sélectionné dans jQuery

Dans jQuery, nous manipulons souvent des éléments sur une page Web. Parfois, il est utile de récupérer le nom de balise de l'élément avec lequel nous travaillons.

Existe-t-il un moyen simple d'obtenir un nom de balise ?

Par exemple, disons que vous recevez $('a') dans une fonction et que vous souhaitez obtenir la balise 'a' name.

Réponse

Pour récupérer le nom de la balise, vous pouvez utiliser la méthode .prop("tagName"). Voici quelques exemples :

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

Si l'écriture de .prop("tagName") est fastidieuse, vous pouvez définir une fonction personnalisée :

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

Exemples :

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

Par convention, les noms de balises sont renvoyés en majuscule. Si vous préférez les noms de balises en minuscules, modifiez la fonction personnalisée :

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

Exemples :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!