Loop Syntax in jQuery

jQuery 3.0 is the most newest version of jQuery. There are many changes in it, but one of the important change
is the syntax of loop using for..of loop.

For example earlier we use the syntax shown below:-

var $divelements = $("div");
for (var x=0; x< $divelements.length; x++){
$divelements[x].addClass("dummy");
}

Here's the new syntax:-

var $divelements = $("div");
var i = 0;
for(var elm of $divelements) {
elm.addClass("dummy");
}

With the help of this new syntax, you will get DOM elements, instead of jQuery collection. You not need to use index to get element, it will be directly accessible to you.

• This discussion was modified 9 years, 11 months ago by  Sourabh.
• This discussion was modified 9 years, 10 months ago by  Forcetalks.