javascript - jQuery 用元素数组为each() 播种

Question

下面的脚本抛出错误(自定义字段未定义)。我需要以不同的方式传递元素 ID 吗？

我正在尝试使用我要计算的表单字段来为数组播种。它应该迭代数组中的每个表单字段，并用表单元素的值递增 sum 变量。

jQuery(document).ready(function(){

    jQuery("#customfield_21070").attr('style','width:60px');
    jQuery("#customfield_21070").attr('disabled','disabled');

    var customfields = [
    '#customfield_11070',
    '#customfield_11071',
    '#customfield_20071',
    '#customfield_20072',   
    '#customfield_20073',
    '#customfield_20074'
    ];

    jQuery(customfields).each(function() {
        jQuery(this).attr('style','width:60px');

            jQuery(this).keyup(function(){
                calculateSum();
            });


        });

    });

    function calculateSum() {

        var sum = 0;

        //iterate through each textboxes and add the values
        jQuery(customfields).each(function() {

            //add only if the value is number
            if(!isNaN(this.value) && this.value.length!=0 && this.id !== "customfield_21070") {
                sum += parseFloat(this.value);
            }

        });
        //.toFixed() method will roundoff the final sum to 2 decimal places
        jQuery("#customfield_21070").val(sum.toFixed(2));
    }

Answer 1

jQuery 的 .each() 方法旨在迭代 jQuery 对象。您应该使用简单的 for 循环来迭代数组 - 无论如何，它比使用 jQuery .each() 方法要快得多。

for(var i=0, len=customfields.length; i<len; i++) {
    console.log(customfields[i]);
}

有关性能声明的证明:http://jsperf.com/jquery-each-vs-for-loop