jquery - 使用类名的一个函数的多个jquery淡入淡出幻灯片

Question

好的，这可能是一个菜鸟问题，我希望它很容易回答。我成功地将这个简单的淡入淡出脚本用于页面上的几个 div：

function fadeContent() {
  $(".banner .picitem:hidden:first").fadeIn(500).delay(5000).fadeOut(500, function() {
    $(this).appendTo($(this).parent());
    fadeContent();
  });
}
fadeContent();

问题是现在我需要它为另外 5 个名为横幅的 div 工作，它只适用于第一个。我知道 .each 函数的一些巧妙使用会起作用，但运气不佳！..有什么建议吗？

编辑：我刚刚为我的问题做了一个 jsfiddle，以防有人想解决它！.. THNX！ http://jsfiddle.net/perrodeagua/UMua9/

Answer 1

您可以尝试更改选择器，以便所有“.banner”项目都包含在选择中：

$(".banner .picitem:hidden:first")

至 ：

$(".banner").find(".picitem:hidden:first")

Answer 2

尝试这个：

$(".banner").each(function (index) {
    var $self = $(this).find('.picitem:hidden:first');
    $self.fadeIn(500).delay(5000 * index).fadeOut(500, function () {
        $self.appendTo($self.parent());
    });
});