Question

我对jQuery很陌生，所以这对你们来说可能是一个非常简单的问题。我想组合两种方法，但是其中一种具有功能。有什么方法可以结合这些方法来压缩代码？

$('.item').attr({
    "data-aos": "fade-in",
    "data-aos-duration": "4000"
});

$('.item').each(function(index){
    var delayNumber = index * 100;
    $(this).attr('data-aos-delay', delayNumber);
 })

Answer 1

将它们组合在一起的一种方法是这样的：

$('.item').each(function(index){
   var delayNumber = index * 100;
   $(this).attr({"data-aos-delay": delayNumber, "data-aos": "fade-in"});
})

我们可以进行以下操作：

$('.item').attr({
    "data-aos": "fade-in",
    "data-aos-duration": "4000"
});

进入此行：

$(this).attr({"data-aos-delay": delayNumber, "data-aos": "fade-in"});

Answer 2

您可以使用attr(fn)

$('.item').attr("data-aos-delay", function(index, value){
   return index * 100;
}).attr("data-aos","fade-in");

结合使用attr（）方法和内部具有函数的each（）方法的方法

2 个答案: