如何讓這個JS代碼更短？

Question

這裏是我的代碼：

$(function() { 
$('#fadeinright').waypoint(function(direction) { 
    if (direction === 'down') { 
     $(this).removeClass("fadeinright"); 
    } 
}); 
$('#fadeinleft').waypoint(function(direction) { 
    if (direction === 'down') { 
     $(this).removeClass("fadeinleft"); 
    } 
}); 
    $('#fadeintop').waypoint(function(direction) { 
    if (direction === 'down') { 
     $(this).removeClass("fadeintop"); 
    } 
}); 
$('#fadeinbottom').waypoint(function(direction) { 
    if (direction === 'down') { 
     $(this).removeClass("fadeinbottom"); 
    } 
}); 
$('#simplefadein').waypoint(function(direction) { 
    if (direction === 'down') { 
     $(this).removeClass("simplefadein"); 
    } 
}); 

是否有人知道如何使它更短？ 我即將添加更多的類，並且我不確定它是否正確執行代碼。

這裏有一個例子是如何工作的：https://jsfiddle.net/nbgdzspy/35/

Answer 1

我的變種

$('#fadeinright, #fadeinleft, #fadeintop, #fadeinbottom, #fadeinbig, #fadeinsmall').waypoint(function(direction) { 
     if (direction === 'down') { 
      $(this).removeClass($(this).attr('id')); 
     } 
}); 

Answer 2

這裏有一種方法：

['fadeinright', 'fadeinleft', 'fadeintop', 'fadeinbottom', 'fadeinbig', 'fadeinsmall'].forEach(function (name) { 
    $('#' + name).waypoint(function (direction) { 
     if (direction === 'down') { 
      $(this).removeClass(name); 
     } 
    }, { 
     offset: '100%' 
    }); 
});