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

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

Connaître le nom de balise d'un élément sélectionné peut être bénéfique dans divers scénarios. jQuery fournit un moyen pratique d'accéder à ces informations.

Utilisation de .prop("tagName")

Pour récupérer le nom de balise d'un élément sélectionné, vous pouvez utiliser le Méthode ".prop('tagName')". Cette méthode fournit le nom de balise de l'élément sous forme de chaîne. Par exemple :

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

Les noms de balises sont classiquement en majuscules dans la valeur renvoyée.

Création d'une fonction personnalisée

Si vous trouvez l'écriture ". prop('tagName')" encombrant, vous pouvez créer une fonction personnalisée :

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

Cette fonction peut être utilisée comme suit :

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

Obtention du nom de la balise en minuscules

Pour obtenir le nom de la balise en minuscules, modifiez la fonction personnalisée comme suit :

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

Cette fonction peut être utilisée pour récupérer le nom du tag en minuscule :

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!