獲取樹效應與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'}); 

是否有可能改變這一到一個功能，並指定偏移？試圖弄清楚我是否可以通過.children下的每個「a」元素進行循環操作，並將頂部和左側屬性加倍。

Answer 1

這裏有一個工作示例：http://jsfiddle.net/WUMtp/

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

這裏唯一的問題是，我們通入內.each()匿名函數的i。 i將從0開始，並且每當.each()循環開始另一次迭代時增加1。從那裏，這只是基本的數學。