Question

I’ve been wanting to know if there’s a good, jQuery-esque way to do the following:

var count = 0;    

$("p").each(function() {
    if (count >= 5)
        return false;

    $(this).toggleClass("highlight");
    count++;
});

Is there a similar function as each() in jQuery that will allow me to set a limit on how many items it’ll loop over, or is this the best way of doing things?

Answer 1

Simplest thing is .slice:

$("p").slice(0, 5).toggleClass("highlight");
// only <p>s from index 0 (inclusive) to 5 (exclusive)