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 sollten NICHT verwenden. jQuery('selector').attr("tagName").toLowerCase() weil es nur in älteren Versionen von Jquery funktioniert.

Sie podría verwenden. $('selector').prop("tagName").toLowerCase() wenn Sie sicher sind, dass Sie eine Version von jQuery verwenden, die >= Version 1.6 ist.

---

Anmerkung:

Man könnte meinen, dass mittlerweile (Januar 2016) JEDER jQuery 1.10+ oder so verwendet, aber das ist leider nicht wirklich der Fall. Zum Beispiel verwenden viele Leute heute noch Drupal 7, und jede offizielle Version von Drupal 7 enthält bis heute standardmäßig jQuery 1.4.4.

Wenn Sie also nicht sicher sind, ob Ihr Projekt jQuery 1.6+ verwenden wird, sollten Sie eine der Optionen verwenden, die für ALLE Versionen von jQuery funktionieren:

Option 1 :

jQuery('selector')[0].tagName.toLowerCase()

Option 2

jQuery('selector')[0].nodeName.toLowerCase()

Answer 2

NodeName gibt den Tag-Namen in Großbuchstaben an, während localName die Kleinschreibung wiedergibt.

$("yourelement")[0].localName 

erhalten Sie: yourelement statt YOURELEMENT

Answer 3

Name des angeklickten Tags mit jQuery ermitteln

jQuery("YOUR_SELECTOR").click(function (e) {
     console.log(jQuery(e.target).prop("tagName").toLowerCase())
})