javascript - jQuery在一个又一个孩子中淡入淡出

Question

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

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

我最初虽然.each()或.children()但我只是想不通。我不确定它会怎么写。

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

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

---

不要让小提琴迷惑你。当我意识到我自己做不到时，我并不仅仅尝试自己.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();

这是小提琴：http: //jsfiddle.net/GUFzc/