風格下拉：獲取和總結兄弟元素的高度

Question

我有這個動態標記，其中列表元素的數量是由我的數據庫定義的，所以我永遠都不會知道使用靜態標識或類來識別每個元素：

<ul> 
    <li>element1</li> 
    <li>element2</li> 
    <li>element3</li> 
    <li>element4</li> 
    <li>element5</li> 
    <li>element6</li> 
</ul> 

我需要能夠爲了使用「頂部：XXpx」來定位它來編輯每個列表的CSS，就像this plugin does但沒有樣機，沒有所有創建的標記，因爲我已經有標記的功能

謝謝！

Answer 1

您可以選擇您李時珍在jQuery的'ul li'然後給它任何的CSS你想

Demo

var top = 0; 
var zIndex = $('ul li').length; 
var width = 300; 
var left = 0; 
$('ul li').each(function(){ 
    top = top + 5; 
    zIndex = zIndex - 1; 
    width = width - 4; 
    left = left + 2; 
    $(this).css('top', top+'px'); 
    $(this).css('z-index', zIndex); 
    $(this).css('width', width+'px'); 
    $(this).css('left', left+'px'); 
}); 

這裏我只是添加一些全局變量一些intinal值，並在環對於每個li我使用這些變量來設置每個鋰的CSS屬性取決於其順序。例如：每個人都會有頂部，從最後一個增加3（除了Z-索引，因爲我想最後一個具有較少的值，所以我開始與最大的數字（基於李元素數量是動態），然後在每個元素中減少它）。

編輯：給元素position:absolute;在CSS中是很重要的，使它看起來像你想要的例子。