jQuery fadeOut和fadeIn函数搞砸了显示属性

Question

这是我的一些JavaScript：

   comDivs = document.getElementsByClassName('comDiv');
   fillerRants = document.getElementsByClassName('filler2Rant');

   for (let y = 0; y < comDivs.length; y++) {
       $(comDivs[y]).delay(4000).fadeOut(400, function() {
         $(fillerRants[y]).fadeOut(400);
    });
       $(comDivs[y + 1]).delay(350).fadeIn(400, function() {
         $(fillerRants[y + 1]).fadeIn(400);
    });
   }

这应该一次显示comDiv类的每个元素四秒钟，然后将当前元素fadeOut（）和下一个元素fadeIn（）展示。例如，页面加载时，第一项将是唯一显示的项。四秒钟后，它淡出，第二个元素淡入。在运行此循环之前，除第一个元素外，所有其他元素都已隐藏。使用以上代码，由于某些原因，在页面加载时，所有元素都会显示出来，然后一次淡出一个。我尝试了多种不同的解决方案，但没有一个起作用。怎么了？如果需要，我将很乐意提供其他信息。