javascript - jQuery.each（values、function（i、v）{...}）なぜvが未定義なのですか？

Question

投稿する前に確認する必要のあるテキストボックスがいくつかあります。私は各関数を使用してjQueryでこれを行います。送信ボタンが押されたとき（LinkBut​​ton1）、テキストボックスを繰り返し処理し、値を確認します。

<asp:textbox id="txt1" class="tocheck" runat="server />
<asp:textbox id="txt2" class="tocheck" runat="server />
<asp:textbox id="txt3" class="tocheck" runat="server />

$('#LinkButton1').click(function () {
    var error = false;
    $.each('.tocheck', function (i, v) {
        checkVal(v.val());
    });
});

しかし、vが未定義であるというランタイムエラーがスローされます。

テキストボックスの値を取得するにはどうすればよいですか？

ありがとうございました。

Answer 1

渡す必要はありませんv-削除してください。

$(this)代わりに使用してください。

IE

$('#LinkButton1').click(function () {
    var error = false;
    $('.tocheck').each( function () {
        checkVal($(this).val());
    });
});

Answer 2

問題は、コレクションを正しく渡していないことです。

$('#LinkButton1').click(function () {
    var error = false;
    $.each('.text', function (i, v) { // <-- you are passing in a STRING not a collection of elements
        checkVal(v.val());
    });
});

試す

$('#LinkButton1').click(function () {
    var error = false;
    $.each($('.text'), function (i, v) {
        checkVal($(v).val());// <-- need to wrap in jQuery to use jQuery methods
    });
});

Answer 3

クラスセレクターでエラーが発生しました。に変更します

$(".tocheck").each(function(i, v){
    checkVal($(v).val());
})

Answer 4

まず、

$.each('.tocheck', function (i, v) {
        checkVal(v.val());
    });

どちらかであるはずです

$('.tocheck').each(function (i, v) {
        checkVal(v.value);
});

' または /

 $.each( $('.tocheck'), function (i, v) {
            checkVal(v.value);
        });

次に 、 vここにDOMオブジェクトがあり、そのオブジェクトでjQueryメソッドを使用しようとしています。これがエラーの理由です。

それでv.val()

察するに

v.value または $(v).val(); または this.value または $(this).val();

Answer 5

$.eachvがアイテムではなく値である理由であるintergersやstringなどのほとんどの値配列用に設計された関数。したがって、以下のように各jQuery配列を使用する必要があります。

$(".tocheck").each(function (index, item)
{
   alert($(item).val());
});

Answer 6

$('.tocheck').each( function () {
        checkVal($(this).val());
    });