How to Break/Exit from a Each() Function in Jquery

How to break out of jQuery each loop?

To break a $.each or $(selector).each loop, you have to return false in the loop callback.

Returning true skips to the next iteration, equivalent to a continue in a normal loop.

$.each(array, function(key, value) { 
    if(value === "foo") {
        return false; // breaks
    }
});

// or

$(selector).each(function() {
  if (condition) {
    return false;
  }
});

How to break/exit from a each() function in JQuery?

According to the documentation you can simply return false; to break:

$(xml).find("strengths").each(function() {

    if (iWantToBreak)
        return false;
});

How to break out of each loop within an IF statement?

break; is something you can do in a while (...) or for (...)
loop, but you're inside a function. The proper way to exit a function
is to use return.

If you want the .each() loop to stop immediately, you should return false.

Source

jquery - how to exit (break function) from each statement?

From the JQuery doco...

We can break the $.each() loop at a particular iteration by making the callback function return false. Returning non-false is the same as a continue statement in a for loop; it will skip immediately to the next iteration.

So essentially this means...

return false; = break;

return true; or return; = continue;

How to break out from jQuery click event function from inside $.each

How to break out from jQuery click event function from inside $.each

So you want to return false from the click handler based on the result of the inner loop. You have several options:

1. Use a simple for loop [as in your answer]

2. Use get to get an array for the inputs, and use Array#some:

   $(".main").on("click", ".button", function(e) {
       if ($(this).siblings('input').get().some(function(input) { return input.value == 'yourvalue'; })) {
           return false;
       }
   
       //...
   });
   

   which is more concise with an ES2015+ arrow function:

   $(".main").on("click", ".button", function(e) {
       if ($(this).siblings('input').get().some(input => input.value == 'yourvalue')) {
           return false;
       }
   
       //...
   });
   

3. Use a flag outside the loop:

   $(".main").on("click", ".button", function(e) {
       var flag = false;
       $(this).siblings('input').each(function() {
           if ($(this).val() == 'yourvalue') { // can use this.value instead of $(this).val() here
               flag = true;
               return false; // Breaks the `each` loop
           }
       });
       if (flag) {
           return false;
       }
   
       //...
   });
   

jquery each leave early

According to the docs:

If you wish to break the each() loop at a particular iteration you can do so by making your function return false. Returning non-false is the same as a continue statement in a for loop, it will skip immediately to the next iteration.

How can I exit from a javascript function?

if ( condition ) {
    return;
}

The return exits the function returning undefined.

The exit statement doesn't exist in javascript.

The break statement allows you to exit a loop, not a function. For example:

var i = 0;
while ( i < 10 ) {
    i++;
    if ( i === 5 ) {
        break;
    }
}

This also works with the for and the switch loops.

Jquery each - Stop loop and return object

Because when you use a return statement inside an each loop, a "non-false" value will act as a continue, whereas false will act as a break. You will need to return false from the each function. Something like this:

function findXX(word) {
    var toReturn; 
    $.each(someArray, function(i) {
        $('body').append('-> '+i+'<br />');
        if(someArray[i] == word) {
            toReturn = someArray[i];
            return false;
        }   
    }); 
    return toReturn; 
}

From the docs:

We can break the $.each() loop at a particular iteration by making the
callback function return false. Returning non-false is the same as a
continue statement in a for loop; it will skip immediately to the next
iteration.

Jquery: How to break out of each() and the function it's inside in?

If there is nothing in the table, the each function will actually never be executed (since the collection being iterated over is empty).

Perhaps you meant to put the condition as the first line in your click function:

$("#savebtn").click(function() {
    if($('.mytable tr').length < 1) {
        alert("Nothing in the table!");
        return;
    }

    $('.mytable tr').each(function() {
        doSomething(this);
    });

    alert("You are still inside the click function")
});

As a side note, if the each function is the only thing in this block, you do not need to do anything special for the empty-table case, since the each function will simply be executed zero times.

---

Related Topics