objects - jquery each break

jQuery.each() con elementos de entrada

Question

//save tablet
jQuery("#savetablet"+jTablets[i].idtablets).on(''click'', function()
{
    alert("alertsepy2...");
    console.log(jTablets[i].idtablets);
    jQuery("#tablet"+jTablets[i].idtablets+" .detailsrow").each(function( index ) {
        $(this).each(function( index2 ) {
            console.log($(this).html());
        });
    });
});

<div class="column0"><input type="text" value="-D"></div>
<div class="column1"><input type="text" value="D"></div>
<div class="column2"><input type="text" value="D"></div>
<div class="column3"><input type="number" value="0"></div>
<div class="column4"> <input type="number" value="0"></div>
<div class="column5"> <input type="number" value="0"></div>
<div class="column6"><input type="number" value="0"></div>
<div class="column7"><input type="number" value="0"></div>
<div class="column8"><input type="number" value="0"></div>
<div class="column9"> <input type="number" value="0"></div>
<div class="column10"> <input type="number" value=""></div>
<div id="tablet17row0" class="column11">11</div>
<div class="column0"><input type="text" value="-D"></div>
<div class="column1"><input type="text" value="D"></div>
<div class="column2"><input type="text" value="D"></div>
<div class="column3"><input type="number" value="0"></div>
<div class="column4"> <input type="number" value="0"></div>
<div class="column5"> <input type="number" value="0"></div>
<div class="column6"><input type="number" value="0"></div>
<div class="column7"><input type="number" value="0"></div>
<div class="column8"><input type="number" value="0"></div>
<div class="column9"> <input type="number" value="0"></div>
<div class="column10"> <input type="number" value=""></div>
<div id="tablet17row1" class="column11">21</div>

Tengo el jQuery .each () anterior que genera el HTML adjunto a la consola. En este caso, quiero extraer el val () de solo los elementos de entrada de tipo texto o número de tipo. ¿Hay alguna forma de aislar solo los elementos de entrada para que pueda obtener sus valores en una matriz?

Gracias por adelantado...

Answer 1

Para extraer el número:

var arrNumber = new Array();
$(''input[type=number]'').each(function(){
    arrNumber.push($(this).val());
})

Para extraer texto:

var arrText= new Array();
$(''input[type=text]'').each(function(){
    arrText.push($(this).val());
})

Editar: implementación de .map

var arrText= $(''input[type=text]'').map(function(){
    return this.value;
}).get();

Answer 2

Supongamos que si todos los elementos de entrada están dentro de un formulario u puede hacer referencia al siguiente código.

 // get all the inputs into an array.

    var $inputs = $(''#myForm :input'');

    // not sure if you wanted this, but I thought I''d add it.
    // get an associative array of just the values.
    var values = {};
    $inputs.each(function() {
        values[this.name] = $(this).val();
    });

Answer 3

$.each($(''input[type=number]''),function(){
  alert($(this).val());
});

Esto alertará el valor de input type number campos de input type number de input type number

La demostración está presente en http://jsfiddle.net/2dJAN/33/