Elementtyp mit jQuery abrufen

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

Wenn ich beispielsweise versuche, Werte mit jQuery in eine Dropdown-Liste zu laden, aber dasselbe Skript Code in eine Reihe von Optionsfeldern generieren kann, kann ich Folgendes erstellen:

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

Bei einer Dropdown-Liste mit einer Schaltfläche daneben mit der Triggerklasse sollte meine elementTypeVariable selectnach dem Drücken der Schaltfläche zurückkehren.

Den Elementtyp auf jQuery-Art abrufen:

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

das Gleiche ohne jQuery tun

var elementType = this.previousSibling.nodeName;

Überprüfung auf bestimmten Elementtyp:

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

Sie können auch verwenden:

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

Sie sollten tagNameEigenschaft und attr('type')für Eingaben verwenden

Wie Distdev angedeutet hat, müssen Sie den Eingabetyp noch unterscheiden. Das heißt,

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

Ich werde es Ihnen sagen input, aber das unterscheidet nicht zwischen Kontrollkästchen / Text / Radio. Wenn es sich um eine Eingabe handelt, können Sie diese verwenden

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

um Ihnen das Kontrollkästchen / den Text / das Radio mitzuteilen, damit Sie wissen, um welche Art von Steuerung es sich handelt.

Sie können verwenden .is():

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

siehe Quelle

Verwenden Sie get (0) .tagName. Siehe diesen Link

Verwenden Sie Nodename über tagName:

nodeName enthält alle Funktionen von tagName sowie einige weitere. Daher ist nodeName immer die bessere Wahl.

siehe DOM Core