Comment puis-je obtenir facilement le nom de la balise d'un élément sélectionné à l'aide de jQuery ?

Récupération du nom de balise d'un élément sélectionné avec jQuery

Recherche d'une approche sans effort pour obtenir le nom de balise d'un élément donné dans un jQuery sélecteur? Ce guide fournit des conseils complets sur l'utilisation de la méthode .prop("tagName") pour capturer rapidement les noms de balises.

Solution via .prop("tagName") :

Pour déterminer le nom de balise d'un objet jQuery donné $('selector'), utilisez simplement la fonction .prop("tagName"). Par exemple :

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

Fonction personnalisée pour la simplification :

Pour rationaliser le processus, une fonction personnalisée peut être définie :

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

Cela simplifie la syntaxe, permettant une récupération facile des noms de balises :

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

Nom de balise minuscule Support :

Par convention, les noms de balises sont renvoyés en majuscules. Pour récupérer les noms de balises en minuscules, modifiez la fonction personnalisée :

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

Cette fonction affichera les noms de balises en minuscules :

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