javascript - js forEach() 对每个元素执行操作

Question

我有以下内容:

HB.formButtons.deactivatingButton = function(inputs) {
    inputs.forEach(function(argument){
        argument.parent().removeClass(HB.formButtons.SUBMIT_BUTTON_STYLE);
    });
}

我会像这样在各个部分中调用它:

HB.formButtons.deactivatingButton($(HB.personalDetails.SUBMIT_PERSONAL_DETAILS_SELECTOR), $(HB.personalDetails.CANCEL_PERSONAL_DETAILS_SELECTOR));

控制台。抛出以下错误:

未捕获类型错误:formsInput.forEach 不是函数

为什么？

Answer 1

考虑到您的输入是HTMLCollection，forEach不适用于集合。 forEach 适用于 Array

但是，你可以让它像这样工作

HB.formButtons.deactivatingButton = function(inputs) {
    [].forEach.call(inputs, function(argument){
        argument.parent().removeClass(HB.formButtons.SUBMIT_BUTTON_STYLE);
    });
}