HTMLInputElement no tiene el método 'val'

Question

Estoy recorriendo las celdas en una fila de la tabla. cada celda tiene un cuadro de texto y quiero tomar el valor del cuadro de texto y colocarlo en una matriz.

function dothing() { 
     var tds = $('#'+selected+' td'); 
     var submitvals = new Array(); 
     tds.each(function(i) { 
      var val = $(this).children('input')[0].val(); 
      submitvals.push(val); 
     }); 
    } 

Más a la función, pero esto es todo lo que es relevante. Por alguna razón, cuando ejecuto este código, obtengo "HTMLInputElement no tiene método 'val'". Pensé que se suponía que los elementos de entrada tenían un método val() en jQuery que obtenía el valor por lo que no tiene sentido. ¿Me estoy perdiendo algo, o lo estoy haciendo mal?

Answer 1

val() es un método jQuery. .value es la propiedad del elemento DOM. Utilice [0].value o .eq(0).val() ....

Answer 2

function dothing() { 
    var tds = $('#'+selected+' td'); 
    var submitvals = new Array(); 
    tds.each(function(i) { 
     var val = $($(this).children('input')[0]).val(); 
     submitvals.push(val); 
    }); 
} 

Answer 3

.val() es un método jquery. El uso de [0] devuelve el elemento de DOM, no el elemento jquery

var val = $(this).children('input:first').val(); 

Answer 4

.val() es una función jQuery, no una función de JavaScript. Por lo tanto, cambiar:

var val = $(this).children('input')[0].val() 

Para:

var val = $(this).children('input:eq(0)').val() 

Answer 5

Lo que no entiendo, es por eso que ninguna de las sintaxis sugeridas en esta u otras preguntas similares a éste parece funcionar para mí. Tuve que hacer prueba y error y finalmente tuve que usar:

MySelectElement.value = x;

Tampoco ayudó que las sugerencias de Visual Studio Intellisense ofrecieran un rango completamente diferente de nombres de métodos no trabajados, como ValueOf().