ansaurus

Question

finding last loop through a jQuery object

Answer 1

+2 A:

You can simply count the callbacks back in.

Try this:

var remaining=$cog.length;
$cog.fadeOut('slow',function(){
    if((--remaining)==0)alert('hey');
})

spender 2010-03-15 23:18:59

I get a 'remaining is not defined' error in firebug with that.

DA 2010-03-15 23:23:12

Written exactly as above, with no typos? I've not tested, but it's definitely in scope and captured by the callback function.

spender 2010-03-15 23:25:28

ack. Sorry, missed the variable declaration. I'm still a bit fuzzy on the shorthand way of writing if statements. I couldn't get that specific if statement to work, but this does: remaining = remaining-1;if(remaining==0){alert('hey');}

DA 2010-03-15 23:29:04

An equivalent (and for my eyes, clearer) if statement would be:if (!remaining--) alert('hey');... personal choice :P

Matt 2010-03-15 23:31:41

Should have been --remaining. Sorry bout that. I've corrected the code.

spender 2010-03-15 23:32:53

Answer 2

+1 A:

Try this example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
<script type="text/javascript">
$(function() {
  var items = $("li");
  $("#btn").click(function() {
    (function() {
      var items = $("li");
      items.fadeOut("slow", function() {
        items = items.not(this);
        console.log(items.length);
        if (items.length == 0) {
          alert("all done");
        }
      });
    })();
  });
});
</script>
<style type="text/css">
</style>
</head>
<body>
<input type="button" id="btn" value="Fade Out">
<ul>
  <li>one</li>
  <li>two</li>
  <li>three</li>
</ul>
</body>
</html>

cletus 2010-03-15 23:25:42

thanks, cletus. That's a good idea, too!

DA 2010-03-15 23:30:27

ansaurus

tags:

views:

answers:

finding last loop through a jQuery object

related questions