javascript - jQuery .each() 索引值

Question

我已经自学了几个月的 JavaScript 和 jQuery，但我仍然对 JavaScript 对象和 jQuery 对象感到困惑。

在下面的示例中，我将一个 jQuery 对象分配给变量 $target。 $target 应该包含两个对象的数组。

我的问题是为什么我必须将 value 变量再次包装到 .each() 函数中的 jQuery 对象中？

$('select.to_append').change(function(){
    var $target = $('select.to_append');
    var $form = $('#anotherForm');

    $.each($target, function(key, value){
        $form.append('<input name="' + $(value).attr('name') + '" type="hidden" value="' + $(value).val() + '"></input>');
    });
});

我用来从不属于正在提交的表单的部分的选择中附加值的示例代码；

Answer 1

因为 $target 是一个 jQuery 对象，但是当您迭代时，您将在迭代处理程序中获得一个 dom 元素引用，而不是 jQuery 对象。因此，如果您想访问该对象上的 jQuery 方法，您需要再次包装该对象。

顺便说一下，您可以使用 .each() 遍历 jQuery 对象而不是 jQuery.each()

$('select.to_append').change(function () {
    var $target = $('select.to_append');
    var $form = $('#anotherForm');

    $target.each(function (index, el) {
        $form.append('<input name="' + $(el).attr('name') + '" type="hidden" value="' + $(el).val() + '"></input>');
    });
});