出于某种原因,我知道这可以在不使用选择器或类或标识符的情况下实现,我只是无法弄明白。
我有一些div
嵌套在其他div
中,我希望逐个淡入,从最浅的div
到最深的{{1} }。
我最初虽然div
或.each()
,但我无法弄明白。我不确定会怎么写。
但是,出于某种原因,我有一种强烈的感觉,可以通过简短的简单脚本来完成,任何人都可以帮我解决这个问题吗?
这是一个应该更容易理解的小提琴。 http://jsfiddle.net/3z9Bf/
.children()
第一个.fadeIn
当我意识到自己无法自己编写脚本时,我自己开始编写脚本。
答案 0 :(得分:7)
这是一个简单的插件:
$.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();