jquery - キャッチされない参照エラー: xy は定義されていませんが、機能しています

Question

値が更新されるこのようなものがあります ( $('#'+name+userid).val(value);) が、userid変数が見つかりません。新しいuserid変数を a.attr('userid') として定義すると、値が更新されません。なぜこれが機能するのですか？

$.ajax({
    url: '../modify_users_admin.inc.php',
    type: 'POST',
    data: {
        value: a.attr('value'),
        name: a.attr('name'),
        userid: a.attr('userid')

        },
    success: function(data) {
        $('#'+name+userid).val(value);
        if (data) {
            console.log('s');
            alert(data);

        } else {
            $('#notice').text('Updated');
            $('#notice').fadeOut().fadeIn();
        }
    }
});

Answer 1

変数に と を入れてから使用する必要がuseridありますname

function foo(a) {

    var userid = a.attr('userid');
    var name = a.attr('name');

    $.ajax({
        ...
        data: {
            ...
            name: name,
            userid: userid
        },
        success: function(data) {
            $('#'+name+userid).val(value);
            ...
        }
    });
}

そして関数を呼び出すfoo