jQuery Tricks: Den Tagname des aktuellen Elements ermitteln

Sonntag, 22. Mai 2011
Links im Artikel Downloads im Artikel Ähnliche Artikel



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;
 
 
 

michael trenkler eBusiness Solutions | info@mtcd.de | All rights reserved | Impressum & Datenschutz