Obtenga el tipo de elemento con jQuery

¿Es posible, usando jQuery, averiguar el tipo de elemento con jQuery? Por ejemplo, ¿es el elemento un div, span, select o input?

Por ejemplo, si intento cargar valores en una lista desplegable con jQuery, pero el mismo script puede generar código en un conjunto de botones de radio, ¿podría crear algo como:

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

Dada una lista desplegable con un botón al lado con la clase de disparo , mi elementTypevariable debería volver selectal presionar el botón.

Obteniendo el elemento escriba la forma jQuery:

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

haciendo lo mismo sin jQuery

var elementType = this.previousSibling.nodeName;

Comprobando el tipo de elemento específico:

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

también puedes usar:

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

debe usar tagNamepropiedad y attr('type')para entradas

Como aludió Distdev, aún necesita diferenciar el tipo de entrada. Es decir,

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

le dirá input, pero eso no diferencia entre casilla de verificación / texto / radio. Si es una entrada, puede usar

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

para decirle casilla de verificación / texto / radio, para que sepa qué tipo de control es.

puedes usar .is():

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

ver fuente

use get (0) .tagName. Ver este enlace

Utilice Nodename sobre tagName:

nodeName contiene todas las funcionalidades de tagName, además de algunas más. Por lo tanto, nodeName es siempre la mejor opción.

ver DOM Core