Wie kann ich mit jQuery einfach den Tag-Namen eines ausgewählten Elements abrufen?

Abrufen des Tag-Namens eines ausgewählten Elements mit jQuery

Suche nach einem mühelosen Ansatz zum Abrufen des Tag-Namens eines bestimmten Elements innerhalb einer jQuery Wähler? Dieser Leitfaden bietet umfassende Anleitungen zur Verwendung der Methode .prop("tagName") zur schnellen Erfassung von Tag-Namen.

Lösung über .prop("tagName"):

Um den Tag-Namen eines bestimmten jQuery-Objekts $('selector') zu ermitteln, verwenden Sie einfach die Funktion .prop("tagName"). Zum Beispiel:

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

Benutzerdefinierte Funktion zur Vereinfachung:

Um den Prozess zu optimieren, kann eine benutzerdefinierte Funktion definiert werden:

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

Dies vereinfacht die Syntax und ermöglicht ein einfaches Abrufen des Tags Namen:

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

Unterstützung für Tag-Namen in Kleinbuchstaben:

Konventionell werden Tag-Namen in Großbuchstaben zurückgegeben. Um Tag-Namen in Kleinbuchstaben abzurufen, ändern Sie die benutzerdefinierte Funktion:

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

Diese Funktion gibt Tag-Namen in Kleinbuchstaben aus:

jQuery("a").tagNameLowerCase(); // Outputs "a"
jQuery("h1").tagNameLowerCase(); // Outputs "h1"
jQuery("<cooltagname999>").tagNameLowerCase(); // Outputs "cooltagname999"</cooltagname999>

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