Ottieni il tipo di elemento con jQuery

È possibile, utilizzando jQuery, scoprire il tipo di un elemento con jQuery? Ad esempio, l'elemento è div, span, select o input?

Ad esempio, se sto provando a caricare i valori in un elenco a discesa con jQuery, ma lo stesso script può generare codice in una serie di pulsanti di opzione, posso creare qualcosa di simile:

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

Dato un elenco a discesa con un pulsante accanto ad esso con la classe trigger , la mia elementTypevariabile dovrebbe tornare al selectmomento della pressione del pulsante.

Ottenere l'elemento digita nel modo jQuery:

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

fare lo stesso senza jQuery

var elementType = this.previousSibling.nodeName;

Verifica del tipo di elemento specifico:

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

inoltre puoi usare:

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

dovresti usare la tagNameproprietà e attr('type')per gli input

Come ha accennato Distdev, è ancora necessario differenziare il tipo di input. Vale a dire

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

te lo dirò input, ma ciò non distingue tra casella di controllo / testo / radio. Se si tratta di un input, è quindi possibile utilizzare

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

per dirti checkbox / text / radio, così sai che tipo di controllo è.

puoi usare .is():

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

vedi fonte

usa get (0) .tagName. Vedi questo link

Usa Nodename su tagName:

nodeName contiene tutte le funzionalità di tagName, più alcune altre. Pertanto nodeName è sempre la scelta migliore.

vedi DOM Core