Question

So I am using jQuery and I have a rather large table for what I want to do (> 100 rows). For every row, I’d like to do quite a bit of work on it, my question is if I have

$('#tableid>tr').each(function(i){some code here});

How do I stop processing when I hit multiples of 5 and just put the effects out on the browser first so the user can interact with it rather than freezing.

Thanks a lot!

Jason

Answer 1

Try it out: http://jsfiddle.net/5E3gs/

var $trs = $('#tableid tr');

for(var i = 0, len = $trs.length; i < len; i = i + 5) {
    (function(i) {
        setTimeout(function() {
           $trs.slice(i,i + 5).addClass('yellow');
        }, (500 * (i / 5)));
    })(i);
};