¿Tiene jQuery alguna función para determinar el tipo de etiqueta de los elementos DOM referenciados por el objeto jQuery?

Question

¿Tiene jQuery alguna función para determinar el tipo de etiqueta de los elementos DOM a los que hace referencia el objeto jQuery? Estoy escribiendo un plugin de jQuery y ...

jQuery.fn.myPlugin() { 
    return this.each(function() { 
     var $this = $(this); 
     // <---------------------------------------HERE! 
    }); 
} 

me gustaría saber si es un elemento this<input> o un elemento <div>, sin necesidad de utilizar directamente el DOM.

Answer 1

Haga lo siguiente:

this.nodeName; 

... o para estar seguro, lo convierten en un caso específico:

this.nodeName.toLowerCase(); 

La propiedad nodeName es una propiedad que es widely supported y le dará la nombre de etiqueta en el caso de un nodo de elemento (como en su caso).

Answer 2

Puede utilizar tagName:

this.tagName; //notice this is the DOM element not the jQuery object. 

http://reference.sitepoint.com/javascript/Element/tagName

Answer 3

Por qué no usar directamente el DOM? Ya que tienes un objeto DOM ya a mano en this, yo diría que simplemente úsalo. Si sólo se tenía el objeto jQuery que podría hacer:

$this.attr("tagName") == "DIV" 

o

$this.is("div") 

Pero no hay necesidad de eso.

Answer 4

aplicar el método prop("tagName") para obtener el nombre de etiqueta del elemento html, por ejemplo:

$this.prop("tagName");