js forEach() to perform action on each element

Question

I have the follwoing:

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

which I than call in various parts like so:

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

The console. throws the following error:

Uncaught TypeError: formsInput.forEach is not a function

Why?

maybe because `inputs` is a jQuery object and not an Array ? (you are passing multiple parameters to `deactivatingButton ` , not an array) — Hacketo, Oct 08 '15 at 14:02
http://stackoverflow.com/questions/9329446/for-each-over-an-array-in-javascript — Mihai Matei, Oct 08 '15 at 14:03

score 1 · Answer 1 · answered Oct 08 '15 at 14:05

1

Considering your input to be HTMLCollection, the forEach doesn't work on a collection. forEach works on Array

You can, however, make it work like

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

answered Oct 08 '15 at 14:05

AdityaParab

7,024
3
27
40

jQuery object is an `HTMLCollection` ? – Hacketo Oct 08 '15 at 14:09
[HTMLCollection](https://developer.mozilla.org/en/docs/Web/API/HTMLCollection) has `item()` method while jQuery object has not ... – Hacketo Oct 08 '15 at 14:17
The `jQuery` object, is a collection of HTMLCollection objects. :) – AdityaParab Oct 09 '15 at 04:28

exyi · Answer 2 · 2015-11-07T07:22:23.400

If you wanted to pass your function array of two elements you have to use square brackets [].

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

alternative you can use the special variable arguments in your function. Described at https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments

js forEach() to perform action on each element

2 Answers2