风格下拉：获取和总结兄弟元素的高度

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中是很重要的，使它看起来像你想要的例子。