execute callback after jquery each iteration

Question

How can I properly execute the function f when the each iteration has finished so I can count the elements with that particular class?

This gives 0 instead of 16;

f = check_hfouten();
$.each(rest, function(idx, val,f) { 
  //alert(idx + ': ' + val); 
  $('td.info.'+idx).children('span').addClass('fout').attr('title',val).end().parent('tr').find('input').addClass('overlayed').click(function(){$(this).removeClass('overlayed')});
    $('.tag_cloud.'+idx).addClass('reminder');
}).function(f);

thanks in adv Richard

James Montagne · Answer 1 · 2012-10-26T13:15:33.980

6

each is not asynchronous so you don't need a callback. Just call it in sequence:

f = check_hfouten();

$.each(rest, function(idx, val) { 
  //alert(idx + ': ' + val); 
  $('td.info.'+idx).children('span').addClass('fout').attr('title',val).end().parent('tr').find('input').addClass('overlayed').click(function(){$(this).removeClass('overlayed')});
    $('.tag_cloud.'+idx).addClass('reminder');
});

f();

edited Oct 26 '12 at 13:15

answered Aug 09 '11 at 18:56

James Montagne

77,516
14
110
130

I hope it is that simple, they are both executed within an ajax function – Richard Aug 09 '11 at 18:58
1

If all of this code is placed within the success/complete function of a single ajax call, this should be fine. If you have multiple ajax calls then you may want to update your question with those details – James Montagne Aug 09 '11 at 18:59
it runs faster then the each! – Richard Aug 09 '11 at 19:06

score 1 · Accepted Answer · answered Aug 09 '11 at 18:57

1

Place the call to f() in the body of the each() callback:

$.each(rest, function(idx, val,f) { 
    //alert(idx + ': ' + val); 
    // -Snip-
    $('.tag_cloud.'+idx).addClass('reminder');
    f();
});

answered Aug 09 '11 at 18:57

George Cummins

28,485
8
71
90

maybe,I should do this, because if I place it outside the each, it is faster then the each. – Richard Aug 09 '11 at 19:03
1

If you place it outside the each, `f()` gets called once. If you place it within, `f()` is called for each selected element. Which do you want? – George Cummins Aug 09 '11 at 19:05
outside it runs faster then the each, that's the problem – Richard Aug 09 '11 at 19:07
So each does have a callback! I placed the call to f inside like you said and changed the code in f so it is not redundant anymore, thanks @George – Richard Aug 10 '11 at 14:37

score 1 · Answer 3 · answered Aug 09 '11 at 18:59

1

group = $("p")
$.each(group, function(idx, val,f) { 
  alert(idx + ': ' + val); 
  if(idx == group.length - 1)
      alert("done");
});

The messy way :P

http://jsfiddle.net/cwDjL/

answered Aug 09 '11 at 18:59

Joseph Marikle

76,418
17
112
129

execute callback after jquery each iteration

3 Answers3

Linked