Obtener elemento seleccionado tipo

Question

Quiero obtener el tipo de elemento que he seleccionado utilizando los selectores de jQuery.

de marcado:

<select name="a"></select> 
<input name="b" type="text" /> 
<textarea name="c"></textarea> 

Javascript:

var field_names = new Array(
    'a', 
    'b', 
    'c' 
); 

for(var i = 0; i < field_names.length; i++) { 
    var field = $('[name=' + required_fields[i] + ']:visible'); 

    // ????? 
    // What do I write here to get one of those outputs: 
    // Element with name a is <select> 
    // Element with name b is <input> 
    // Element with name c is <textarea> 

    alert('Element with name ' + required_fields[i] + ' is ' + element_type); 
} 

Answer 1

simple:

var element_type = '<' + field.get(0).tagName.toLowerCase() + '>'; 

En pocas palabras, este recupera el elemento DOM asociado con field y obtiene su nombre de la etiqueta a través del atributo tagName heredado de DOMElement, a continuación, se transforma el resultado a minúsculas usando String 's toLowerCase() método . Algunos navegadores devolverán el tagName en mayúsculas, por lo que, para mayor coherencia, conviene transformarlo en minúsculas.

Answer 2

Uso tagName la propiedad del elemento DOM:

var element_type = field[0].tagName; 

Nota que los navegadores no son totalmente coherentes sobre el caso devuelto por tagName, así que probablemente deberías llamar al toLowerCase para estar seguro: field[0].tagName.toLowerCase().