jquery - 循环遍历元素并添加递减的 z 索引

Question

我正在尝试使用 z-index 以降序堆叠一组元素。

因此，对于三个 li 元素的集合，它们看起来像:

<li style="z-index:3"></li>
<li style="z-index:2"></li>
<li style="z-index:1"></li>

到目前为止，我已经找到了此处解释的方法 Looping through a collection of li elements adding a z-index and incrementing value on each 看起来非常接近:

$('#contentSlider ul li').each(function(i, el) {
   $(el).css('z-index', i + 1);
});

在这个阶段，我猜测我可以使用 $("#contentSlider ul li").length; 以某种方式使用 ('z-index', i - 1); 但除此之外我就陷入困境了。

Answer 1

您似乎已经知道该怎么做了...也许这就是您想要的？

var lis = $('#contentSlider ul li');
lis.each(function(i, el){
   $(el).css('z-index', lis.length-i);
});