用jQuery获得树效果

Question

我有这段代码

$('.children a:first').css({'top':'0px','left':'100px'});
$('.children a:eq(1)').css({'top':'20px','left':'120px'});
$('.children a:eq(2)').css({'top':'40px','left':'140px'});
$('.children a:last').css({'top':'60px','left':'160px'});

是否可以将其更改为函数并指定偏移量？试图弄清楚我是否可以做一些能够循环遍历.chi​​ldren下的每个“a”元素并将顶部和左侧属性加倍的东西。

Answer 1

以下是一个工作示例：http://jsfiddle.net/WUMtp/

$('.children a').each(function(i){
    $(this).css({top: i*20, left: i*20 + 100});
});

这里唯一的技巧是我们传递到i内的匿名函数的.each()。 i将从0开始，并在每次.each()循环开始另一次迭代时增加1。从那里，它只是基本的数学。