determinar entrada vs textarea en jQuery

Question

Deseo repetir un formulario, agregando cada elemento a un área. El problema es que algunos de estos elementos son select, input y textboxes. Sé que puedo usar :input para resolver el problema aquí (aunque realmente no lo necesito). El problema es que tengo problemas para determinar cómo puedo ver si el elemento es un área de texto, entrada, seleccionar, etc. Necesito hacer esto correctamente porque, hasta donde yo sé, jQuery("input#someinput").val() funciona muy bien para las entradas, pero para un área de texto, puedo necesitar jQuery("textarea#sometexarea").text(). No estoy seguro si esto existe ...

De todos modos, aquí está mi función hasta el momento:

function getAllFormElements(id) { 

    var elements = new Array(); 

    jQuery(id).children().map(function(){ 

     for (var index = 0; index < children.length; index++) { 

      elements[i] = jQuery(children[i]).val(); 

     } 

    }) 

     return elements; 
} 

Answer 1

val() funciona igual de bien con <input>, <select> y <textarea> elementos.

Si aún desea determinar el tipo real de los elementos que coinciden con el selector de :input, puede utilizar is() con element selectors:

$(":input").each(function() { 
    var $this = $(this); 
    if ($this.is("input")) { 
     // <input> element. 
    } else if ($this.is("select")) { 
     // <select> element. 
    } else if ($this.is("textarea")) { 
     // <textarea> element. 
    } 
}); 

Answer 2

$.val() obras para ambas entradas y áreas de texto. Solo necesita $.text() para cosas como divs que no tienen un "valor" per se.

Answer 3

Debería poder utilizar la función .is() de jQuery - simplemente pase un selector a .is() y devolverá verdadero si el elemento coincide con el selector. Por lo tanto, para ver si tenía un área de texto, usted acaba de comprobar:

if($(this).is("textarea")) { doStuff(); } 

http://api.jquery.com/is/

Answer 4

¿Está quizá buscando la $(children[i]).attr("tagName");, que devuelve la etiqueta del elemento , ya sea seleccionando, ingresando o textarea?

Answer 5

Mire la propiedad nodeName.

jQuery(id).children().map(function(){ 
    console.log(children[i].nodeName.toLowerCase()); 
}); 

se puede, pero no tiene que utilizar el método is de jQuery (gastos generales aquí).

Answer 6

En cuanto a la documentación de jQuery, usted puede conseguir fácilmente todas las entradas de formulario utilizando $(:input): http://api.jquery.com/input-selector/

Descripción: Selecciona todos los elementos de entrada, área de texto, seleccionar y botones. El selector de entrada básicamente selecciona todos los controles de formulario.

.val() también trabaja con áreas de texto, pero hay un problema ... ver los documentos de referencia: http://api.jquery.com/val/

Frederic registró su respuesta cuando estaba escribiendo esto, y su solución de utilizar is() duda lo prueba.