Elementtyp mit jQuery ermitteln

Question

Ist es möglich, mit jQuery den Typ eines Elements herauszufinden? Ist das Element zum Beispiel ein div, span, select oder input?

Wenn ich zum Beispiel versuche, Werte in eine Dropdown-Liste mit jQuery zu laden, aber das gleiche Skript kann Code in eine Reihe von Optionsfeldern generieren, könnte ich etwas wie erstellen:

$('.trigger').live('click', function () {
   var elementType = $(this).prev().attr(WHAT IS IT);
});

Bei einer Dropdown-Liste mit einer Schaltfläche daneben mit dem Auslöser Klasse, meine elementType Variable sollte zurückgeben select wenn die Taste gedrückt wird.

Answer 1

Abrufen des Elementtyps auf jQuery-Art:

var elementType = $(this).prev().prop('nodeName');

dasselbe ohne jQuery tun

var elementType = this.previousSibling.nodeName;

Prüfung auf bestimmten Elementtyp:

var is_element_input = $(this).prev().is("input"); //true or false

Answer 2

Können Sie auch verwenden:

$("#elementId").get(0).tagName

Answer 3

Sollten Sie tagName Eigentum und attr('type') für Eingaben

Answer 4

Wie Distdev bereits angedeutet hat, muss die Art der Eingabe noch unterschieden werden. Das heißt, dass,

$(this).prev().prop('tagName');

wird Ihnen sagen input aber das unterscheidet nicht zwischen Kontrollkästchen/Text/Radio. Wenn es eine Eingabe ist, können Sie dann

$('#elementId').attr('type');

um Ihnen mitzuteilen, ob es sich um ein Kontrollkästchen, einen Text oder ein Radio handelt, so dass Sie wissen, um welche Art von Kontrolle es sich handelt.

Answer 5

Können Sie .is() :

  $( "ul" ).click(function( event ) {
      var target = $( event.target );
      if ( target.is( "li" ) ) {
         target.css( "background-color", "red" );
      }
  });

siehe source