jquery - scrollTo 创建一个带索引的循环

Question

我有一个包含 n 个元素的包装器。我想避免为每个元素添加 Click 函数，而是使用循环。如何做到这一点？

$("#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

这个怎么样？

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

Answer 2

function warp(num) {
  $("#wrapper .nav a.nav-" + num).click(function() {
    $('#wrapper').scrollTo('#item' + num, 1000 );
    return false;
  });
}

假设我理解你。你需要多练习英语。