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

Ermitteln des Tag-Namens des ausgewählten Elements mit jQuery

Die Kenntnis des Tag-Namens eines ausgewählten Elements kann in verschiedenen Szenarien von Vorteil sein. jQuery bietet eine bequeme Möglichkeit, auf diese Informationen zuzugreifen.

Mit .prop("tagName")

Um den Tag-Namen eines ausgewählten Elements abzurufen, können Sie die verwenden Methode ".prop('tagName')". Diese Methode stellt den Tag-Namen des Elements als Zeichenfolge bereit. Zum Beispiel:

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

Tag-Namen werden üblicherweise im zurückgegebenen Wert großgeschrieben.

Erstellen einer benutzerdefinierten Funktion

Wenn Sie die Schrift „“ finden. prop('tagName')" umständlich, können Sie eine benutzerdefinierte Funktion erstellen:

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

Diese Funktion kann verwendet werden als folgt:

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

Tag-Namen in Kleinbuchstaben abrufen

Um den Tag-Namen in Kleinbuchstaben zu erhalten, bearbeiten Sie die benutzerdefinierte Funktion wie folgt:

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

Mit dieser Funktion kann der Tag-Name in Kleinbuchstaben abgerufen werden:

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

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