javascript - jQuery 在一个又一个的 child 中淡入淡出

Question

出于某种原因，我知道在不使用选择器、类或标识符的情况下这是可能的，我只是无法弄清楚。

我有一些 div 嵌套在其他 div 中，我想从最浅的 div 中一个接一个地淡入其中code> 到最深的 div。

我最初虽然.each()或.children()但我就是想不通。不知道怎么写。

但是，出于某种原因，我有一种强烈的感觉，它可以通过一个简短的简单脚本来完成，有人可以帮我弄清楚吗？

这是一个应该更容易理解的 fiddle 。 http://jsfiddle.net/3z9Bf/

<小时/>

不过，不要让 fiddle 迷惑你。我并不想只是 .fadeIn 第一个 div 当我意识到自己无法做到这一点时，我开始自己编写脚本。

Answer 1

这是一个简单的插件:

$.fn.cascadeChildren = function (speed) {
    var $children = this.children();

    if ( ! $children.length ) return;

    speed = speed || 300;

    $children.animate({ opacity: 1 }, speed, function () {
        $(this).cascadeChildren(speed);
    });
};

按如下方式使用:

$('#element').cascadeChildren();

这是 fiddle :http://jsfiddle.net/GUFzc/