Wie erhalte ich den Tag-Namen eines ausgewählten Elements mit jQuery?

So ermitteln Sie den Tag-Namen eines ausgewählten Elements mit jQuery

Das Abrufen des Tag-Namens eines ausgewählten Elements in jQuery kann unkompliziert sein Aufgabe. Dies kann in verschiedenen Szenarien nützlich sein, beispielsweise beim dynamischen Abrufen der HTML-Struktur oder beim Bearbeiten von Elementen basierend auf ihren Tags.

Lösung 1: Verwendung von .prop("tagName")

jQuery bietet die Methode .prop(), mit der Sie verschiedene Elementeigenschaften abrufen oder festlegen können. Um den Tag-Namen zu erhalten, verwenden Sie einfach .prop("tagName"):

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

Beispiele:

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

Lösung 2: Erstellen eines Benutzerdefinierte Tag-Namensfunktion

Wenn das wiederholte Schreiben von .prop("tagName") mühsam wird, können Sie eine benutzerdefinierte Funktion erstellen um den Prozess zu vereinfachen:

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

Verwendung:

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

Beide Methoden geben den Tag-Namen des Elements in Großbuchstaben zurück. Wenn Sie Tag-Namen in Kleinbuchstaben bevorzugen, ändern Sie die benutzerdefinierte Funktion:

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

Das obige ist der detaillierte Inhalt vonWie erhalte ich den Tag-Namen eines ausgewählten Elements mit jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!