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

Comment déterminer le nom de balise d'un élément sélectionné avec jQuery

Obtenir le nom de balise d'un élément sélectionné dans jQuery peut être simple tâche. Cela peut être utile dans divers scénarios, comme la récupération dynamique de la structure HTML ou la manipulation d'éléments en fonction de leurs balises.

Solution 1 : Utiliser .prop("tagName")

jQuery fournit la méthode .prop() qui vous permet de récupérer ou de définir diverses propriétés d'éléments. Pour obtenir le nom de la balise, utilisez simplement .prop("tagName") :

const tagName = jQuery(element).prop("tagName");

Exemples :

jQuery("<a>").prop("tagName"); // Output: "A"
jQuery("<h1 id="prop-tagName-Output-H">").prop("tagName"); // Output: "H1"</h1></a>

Solution 2 : Créer un Fonction de nom de balise personnalisée

Si écrire à plusieurs reprises .prop("tagName") devient fastidieux, vous pouvez créer une fonction personnalisée pour simplifier le processus :

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

Utilisation :

const tagName = jQuery(element).tagName();

Les deux méthodes renvoient le nom de balise de l'élément 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();
};

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!