Comment puis-je récupérer le nom de balise d'un élément jQuery ?

Récupération des noms de balises avec jQuery

L'interrogation d'éléments dans jQuery permet d'accéder à divers attributs, y compris le nom de la balise. Ce guide explore les méthodes efficaces pour obtenir le nom de balise d'un élément sélectionné donné.

Obtention des noms de balises

La méthode .prop() vous permet de récupérer le nom de balise en utilisant .prop("tagName"). Voici quelques exemples :

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

Pour plus de commodité, vous pouvez créer une fonction personnalisée comme suit :

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

Cela vous permet d'utiliser :

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

Notez que les noms de balises sont généralement renvoyés en majuscules. Si vous préférez les noms en minuscules, vous pouvez modifier la fonction personnalisée :

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

Exemples avec des noms de balises abaissés :

jQuery("<a>").tagNameLowerCase(); // Returns "a"
jQuery("<h1>").tagNameLowerCase(); // Returns "h1"
jQuery("<coolTagName999>").tagNameLowerCase(); // Returns "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!