Question

I have got a wrapper with n elements. I want to avoid every adding a Click function for every element, and rather use a loop. How can this be achieved?

$("#wrapper .nav a.nav-1").click(function() {
    $('#wrapper').scrollTo('#item1', 1000 );
    return false;
});

$("#wrapper .nav a.nav-2").click(function() {
    $('#wrapper').scrollTo( '#item2', 1000 );
    return false;
});
$("#wrapper .nav a.nav-3").click(function() {
    $('#wrapper').scrollTo( '#item3', 1000 );
    return false;
});

Answer 1

How about this?

$("#wrapper .nav a").each(function(i, el){
    $(el).click(function() {
        $('#wrapper').scrollTo('#item' + (i+1), 1000 );
        return false;
    });
})