Javascript 当将类添加到一个JS选择器时，为什么所有元素都获得该类？

我想用JavaScript制作一个自动滑动图像旋转木马，所以我在JS中动态创建了我的图像，为了处理它们的滑动，我在每个图像中添加了

.imageSlide

，以

for loop

的方式循环了5轮

现在的问题是，所有的5张图片都得到了类

imageSlide

并同时移动，虽然我希望它们一个接一个地分别得到该类，但我真的不明白为什么它们一起得到该类，以及我应该如何让它们一个接一个地得到该类

任何想法都将不胜感激

const imageCount=5；
const eachImageWidth=700；
const-eachImageHeight=400；
函数createImage（）{
对于（i=1；i，您可以将该类应用于
animationend
上的下一个元素

$(img).on("animationend", function(){
  var id = parseInt($(this).attr("data-id"));
  $(`#image-${id+1}`).addClass("imageSlide");
});

然后将该类添加到第一个图像中

images = document.querySelectorAll('.img-wrapper img');
$(images[0]).addClass("imageSlide");

你的动画看起来有点古怪。你可能想看看，但它确实会按照你的要求一次应用一个


const imageCount=5；
const eachImageWidth=700；
const-eachImageHeight=400；
函数createImage（）{
对于（i=1；i），这是合乎逻辑的，因为您可以通过
for{}
loop-
images[j]
将每个元素添加到类中，而不是当前元素。然后，您应该添加随时间间隔的类（如setInterval），而不是所有元素都添加到单个for循环中。