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

So rufen Sie den Tag-Namen eines ausgewählten Elements in jQuery ab

In jQuery manipulieren wir häufig Elemente auf einer Webseite. Manchmal ist es nützlich, den Tag-Namen des Elements abzurufen, mit dem wir arbeiten.

Gibt es eine einfache Möglichkeit, einen Tag-Namen zu erhalten?

Zum Beispiel: Angenommen, Sie erhalten $('a') in einer Funktion und möchten das Tag 'a' erhalten Name.

Antwort

Um den Tag-Namen abzurufen, können Sie die Methode .prop("tagName") verwenden. Hier sind einige Beispiele:

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

Wenn das Schreiben von .prop("tagName") umständlich ist, können Sie eine benutzerdefinierte Funktion definieren:

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

Beispiele:

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

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

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

Beispiele:

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

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