jquery将fadein添加到div块

我总共有4个div块，div块可以是4个，有时它可以是3个或2个，或者仅仅是1个基于权限的div块。 我有4个div块，每个div块以100延迟淡入

如何使每个div块始终有100秒的延迟 例如，如果div span4仅为其自身，则应为100秒，而不是400秒。因为itseld的400秒太长了

我该怎么做？ 我的JS代码

$('div.span1').fadeIn(100);
$('div.span2').fadeIn(200);
$('div.span3').fadeIn(300);
$('div.span4').fadeIn(400);

<div class="span1"></div>
<div class="span2"></div>
<div class="span3"></div>
<div class="span4"></div>

---

将所有div设置为同一类，然后执行以下操作：

$('div.span').hide().each(function (i) {
   $(this).fadeIn((i+1)*100);
})

---

假设所有这些div元素都具有类似的类属性，您将能够计算每个函数中每个元素所需的延迟。一些类似的代码可能会有所帮助-

var delta = 100;
$('div[class^="span"]').each(function(index,elem){
  $(this).fadeIn((index+1)*delta);
});

注意，我增加索引是因为

---

我使用的选择器$'div[class^=span]'将匹配属于类span的所有元素。我想你必须根据你的真实代码来定制它。

@JayBlanchard脚本代码不是显示了他所做的尝试吗？我想很难知道-标题中的问题是关于淡出-而不是淡出。@jay-什么很难知道？我的JS代码…@Lix请看帖子的标题，然后看内容：-/