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方法，则需要再次包装该对象。

顺便迭代一个jQuery对象，您可以使用.each()而不是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>');
    });
});

jQuery .each（）索引值

1 个答案: