爲任何找到的事件動態添加邊距

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");