Skip to content
Related Articles

Related Articles

Improve Article

How to skip to next iteration in jQuery.each() util ?

  • Last Updated : 01 Jul, 2020

jQuery each() function allows us to loop through different datasets such as arrays or objects. jQuery.each() is one of the most used functions in jQuery.

Syntax:

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

$(selector).each(function(index, element))
$.each(function(index))

$.each() is essentially a drop-in replacement of a traditional for or for..in loop.

Example 1: This example skipping step 4 to next iteration i.e. Step 5.



HTML




<!DOCTYPE html>
<html>
  
<head>
    <title>jQuery.each() method</title>
    <script src=
    </script>
</head>
  
<body>
    <script>
        var arr = ["Step1", "Step2", 
            "Step3", "Step4", "Step5"];
              
        $.each(arr, function (i) {
            if (arr[i] === "Step4") {
                return;
            }
            document.write(arr[i] + ' ');
        });
    </script>
</body>
  
</html>

Output:

Step1 Step2 Step3 Step5

Explanation: In the above code, you can see that when the iteration comes at “i=4” then the “if” condition becomes “true” that returns a non-false value. So it skips the next iteration i.e. Step 4.

Example 2:

HTML




<!DOCTYPE html>
<html>
  
<head>
    <title>jQuery.each() method</title>
    <script src=
    </script>
</head>
  
<body>
    <script>
        var arr = [1, 2, 3, 4, 5];
        $.each(arr, function (i) {
            if (arr[i] === 3) {
                return true;
            }
            document.write(arr[i] + ' ');
        });
    </script>
</body>
  
</html>

Output:

1 2 4 5



My Personal Notes arrow_drop_up
Recommended Articles
Page :