javascript - 两个 div 之间的循环淡入淡出 - 需要修改才能回答这篇文章

Question

this stackoverflow question 的公认答案正是我所需要的，但有一处修改。

我需要多个 .boxes。不只是一个。

每个“框”都有两个需要淡入淡出的 div。

来自这段代码:

$(document).ready(function () {
    var allBoxes = $("span.boxes").children("span");
    transitionBox(null, allBoxes.first());
});

我知道我应该首先将所有 .boxes 放入一个数组中，然后遍历该数组以获取它们的每个子 span 元素。

但我不完全确定这是 (a) 最佳做法，(b) 正确，以及 (c) 首先是否有更好的方法。

Answer 1

你的意思是这样的http://jsfiddle.net/8odoros/CYJLA/306/ ？

使用

$( "div.boxes" ).each(function( index ) {
  var allBoxes = $(this).children("div");
  transitionBox(null, allBoxes.first());
});

对所有 .boxes 应用相同的效果