javascript - 为任何找到的事件动态添加边距

Question

我怎样才能使它更优雅和通用？它可以工作，但我希望在每次下一个 .alert 出现时将边距添加 +52px。

var alerts = $(".alert");
if(alerts.is(":visible")) {
    if(alerts.length > 1 ) {
        alerts.eq(1).css('margin-top', '52px');
        alerts.eq(2).css('margin-top', '104px');
        alerts.eq(3).css('margin-top', '156px');
    }
    alerts.delay(5000).slideUp("slow");
}

有什么想法吗？

Answer 1

这个 ：

 $(".alert:visible").css('margin-top', function(i){return 52*i+'px'})
    .delay(5000).slideUp("slow");