Wie kann ich den Tag-Namen eines jQuery-Elements abrufen?

Tag-Namen mit jQuery abrufen

Das Abfragen von Elementen in jQuery bietet Zugriff auf verschiedene Attribute, einschließlich des Tag-Namens. In diesem Leitfaden werden effektive Methoden zum Abrufen des Tag-Namens eines bestimmten ausgewählten Elements untersucht.

Tag-Namen erhalten

Mit der Methode .prop() können Sie den Tag-Namen abrufen mit .prop("tagName"). Hier sind einige Beispiele:

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

Der Einfachheit halber können Sie eine benutzerdefinierte Funktion wie folgt erstellen:

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

Damit können Sie Folgendes verwenden:

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

Beachten Sie, dass Tag-Namen normalerweise in Großbuchstaben zurückgegeben werden. Wenn Sie Namen in Kleinbuchstaben bevorzugen, können Sie die benutzerdefinierte Funktion ändern:

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

Beispiele mit abgekürzten Tag-Namen:

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

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