how to dynamically exit a jquery $.each()?

jquery loops each
peter picture peter · Jun 4, 2010 · Viewed 33.4k times · Source

i have a list of images which i am getting through ajax and then using jquery $.each() i loop through the images and display a image one after the other after an interval of one second. I want the user to be able click on a stop button and so that the user can stop at a particular image if he wants to. So i need to dynamically exit $.each() when the user clicks on the stop button. Is it possible to do it?

Answer

Adeel picture Adeel · Jun 4, 2010

You can use return false to break out of each() loops early.

Example:

<script>
    $("button").click(function () {
      $("div").each(function (index, domEle) {
        // domEle == this
        $(domEle).css("backgroundColor", "yellow"); 
        if ($(this).is("#stop")) {
          $("span").text("Stopped at div index #" + index);
          return false;
        }
      });
    });

</script>

Source: http://api.jquery.com/each/

Related questions

Jquery each - Stop loop and return object

Can anybody tell me why the loop did not stop after the 5 entry? http://jsbin.com/ucuqot/edit#preview $(document).ready(function() { someArray = new Array(); someArray[0] = 't5'; someArray[1] = 'z12'; someArray[2] = 'b88'; someArray[3] = 's55'; someArray[4] = 'e51'; …

Read More
How to Find Out Last Index of each() in jQuery?

I have something like this... $( 'ul li' ).each( function( index ) { $( this ).append( ',' ); } ); I need to know what index will be for last element, so I can do like this... if ( index !== lastIndex ) { $( this ).append( ',' ); } else { $( this ).…

Read More
jQuery loop through data() object

Is it possible to loop through a data() object? Suppose this is my code: $('#mydiv').data('bar','lorem'); $('#mydiv').data('foo','ipsum'); $('#mydiv').data('cam','dolores'); How do I loop through this? Can each() be used for …

Read More