jQuery Tricks: Den Tagname des aktuellen Elements ermitteln

So ermitteln Sie in jQuery mit einer Codezeile den Namen des aktuellen Elements

Häufig möchte man wissen, welches Element man gerade vor sich hat. Folgender Code-Schnipsel erleichtet das Leben bei der Arbeit mit jQuery immer wieder ungemein:

Anwendungsbeispiel

obj.context.tagName;

$('.selector').context.tagName;

Komplettes Beispiel:

<div class="main"><div><a href="http://www.mtcd.de" title="Titel">This is an A-Tag</a></div><div><p>This is a P-Tag</p></div><div><span>This is a SPAN-Tag</span></div></div><script type="text/javascript">

  $(document).ready(function(){
    
    $('.main div').children().each(function(){
      name = $(this).context.tagName;
      alert(name);
    });
    
  });

</script>

// Gibt jeweils den Tag-Name des aktuellen Elements aus, also
"A"
"P"
"SPAN"

Alternativ kann in diesem Beispiel auch folgende Notation verwendet werden

name = $(this).get(0).tagName;

Sicher auch interessant

Zur Übersicht