In IE11 Symbol.Iterator is giving error when i am using for each on array of elements?

Question

I am trying to loop an array of buttons and creating react component button at runtime, the error is reproducible only in IE 11 , I'm getting error in Symbol. Iterator which means that the array i am passing is non valid and internal iterator cannot be returned, but this works fine with any other browser, Is it a problem with IE or i am using jQuery selector to get the array of buttons.

export default function(buttons){

   for(let button of buttons){
       //Code for creating button as react component button.
   }
}

//call to replaceButtons


var btns = $('.continue-buttons');
replaceButtons(btns);

Getting error with SYMBOL.ITERATOR

I know this is not optimized way to write react code but requirement and design is quite a challenge.

Answer 1

jQuery does not return an array, it returns a jQuery collection. Which isn't iterable indeed. It actually is since v1.12/v2.2.

However, Internet Explorer 11 just doesn't support iterators or for of loops at all.