jQuery 重复元素及其后面的数字

Question

如何在这里使用更少的代码？我不想对每个元素重复相同的步骤。

$('.slider1').stop().hover(function () {
    $('#slider_1').fadeIn('fast');
});
$('.slider1').stop().mouseleave(function () {
    $('#slider_1').hide('fast');
});

$('.slider2').stop().hover(function () {
    $('#slider_2').fadeIn('fast');
});
$('.slider2').stop().mouseleave(function () {
    $('#slider_2').hide('fast');
});

$('.slider3').stop().hover(function () {
    $('#slider_3').fadeIn('fast');
});
$('.slider3').stop().mouseleave(function () {
    $('#slider_3').hide('fast');
});

Answer 1

试试这个

$.each([1,2,3,4], function(i, val){
    $('.slider' + val).stop().hover(function(){
          $('#slider_' + val).fadeIn('fast');
    }, 
    function(){
        $('#slider_' + val).hide('fast');
    });
});