有没有办法能简化这段代码

[zebulon]

$('.tabs ul li').eq(0).click(function(){
$('body,html').animate({scrollTop: $('#tab1').offset().top-30+'px'}, 800);
});
$('.tabs ul li').eq(1).click(function(){
$('body,html').animate({scrollTop: $('#tab2').offset().top-30+'px'}, 800);
});
$('.tabs ul li').eq(2).click(function(){
$('body,html').animate({scrollTop: $('#tab3').offset().top-30+'px'}, 800);
});
$('.tabs ul li').eq(3).click(function(){
$('body,html').animate({scrollTop: $('#tab4').offset().top-30+'px'}, 800);
});
$('.tabs ul li').eq(4).click(function(){
$('body,html').animate({scrollTop: $('#tab5').offset().top-30+'px'}, 800);
});
$('.tabs ul li').eq(5).click(function(){
$('body,html').animate({scrollTop: $('#tab6').offset().top-30+'px'}, 800);
});
$('.tabs ul li').eq(6).click(function(){
$('body,html').animate({scrollTop: $('#tab7').offset().top-30+'px'}, 800);
});
$('.tabs ul li').eq(7).click(function(){
$('body,html').animate({scrollTop: $('#tab8').offset().top-30+'px'}, 800);
});

[hippoboy]

确定长度之后递归或者遍历?

[wesley]

$('.tabs ul li').click(function(){
$('body,html').animate({scrollTop: $('#tab'+($(this).index()+1)).offset().top-30+'px'}, 800);
});

[sleepwater]

$('.tabs ul li').on('click', function() {
$('body,html').animate({scrollTop: $('#tab' + ($(this).index() + 1)).offset().top - 30 + 'px'}, 800);
});

[chairuosen]

这种东西应该把 target 写到 html 里，$('[click-target]').click(function(){ some code scroll to $( $(this).attr('click-target') ); })

[shiye515]

如果维护这个项目的人连这个都不会优化了，那就放弃治疗吧，这肯定不是项目里最奇葩的代码

[Zzzzzzzzz]

这段就应该直接写成事件委托的.