jQuery: Ausgewählten Element-Tag-Namen abrufen

Question

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

Wenn ich zum Beispiel Folgendes erhalte $('a') in eine Funktion umwandeln, möchte ich 'a' .

Answer 1

Sie können anrufen .prop("tagName") . Beispiele:

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

Wenn Sie ausschreiben .prop("tagName") mühsam ist, können Sie eine benutzerdefinierte Funktion wie folgt erstellen:

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

Beispiele:

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

Beachten Sie, dass Tag-Namen per Konvention zurückgegeben werden KAPITALISIERT . Wenn Sie möchten, dass der zurückgegebene Tag-Name nur in Kleinbuchstaben geschrieben wird, können Sie die benutzerdefinierte Funktion wie folgt bearbeiten:

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

Beispiele:

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

Answer 2

Sie können die DOM-Funktion nodeName Eigenschaft :

$(...)[0].nodeName

Answer 3

Ab jQuery 1.6 sollten Sie nun prop:

$target.prop("tagName")

Siehe http://api.jquery.com/prop/

Answer 4

jQuery 1.6+

jQuery('selector').prop("tagName").toLowerCase()

Ältere Versionen

jQuery('selector').attr("tagName").toLowerCase()

toLowerCase() ist nicht obligatorisch.

Answer 5

Dies ist eine weitere Möglichkeit:

$('selector')[0].tagName