HTMLInputElement n'a pas de méthode 'val'

Question

Je suis en boucle par les cellules dans une ligne de table. chaque cellule a une zone de texte, et je veux profiter de la valeur de la zone de texte et le faire glisser sur un tableau.

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

Theres plus à la fonction, mais c'est tout ce qui est pertinent. Pour quelque raison, quand j'exécute ce code, j'obtiens un "HTMLInputElement n'a pas de méthode 'val'." Je pensais que les éléments d'entrée sont censés avoir un val() méthode jQuery qui a de la valeur, de sorte que cela n'a aucun sens. Ai-je raté quelque chose, ou de faire le mal?

Answer 1

val() est une méthode jQuery. .value est la propriété de l'élément DOM. Utilisez [0].value ou .eq(0).val() ....

Answer 2

.val() est une fonction jQuery, pas une fonction javascript. Par conséquent, changez:

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

À:

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

Answer 3

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 4

.val () est une méthode jquery. L'utilisation de [0] renvoie l'élément DOM, pas l'élément jquery

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

Answer 5

Ce que je ne comprends pas, c'est pourquoi aucune des syntaxes suggérées sur cette question ou sur d'autres questions similaires ne semble fonctionner pour moi. J'ai dû faire des essais et des erreurs et j'ai finalement dû utiliser:

MySelectElement.value = x;

Cela n'a pas aidé non plus que les suggestions de Visual Studio Intellisense offrent une toute autre gamme de noms de méthode non fonctionnels, tels que ValueOf ().