jquery - 使用 jQuery 逐渐减少 z-index

Question

如何使用 jQuery 从索引 999 开始逐渐减少一组 div 元素的 z 索引。

我已经看过other questions about incrementally decreasing z-index但它没有第一个元素的起始 z 索引。该帖子的修改后的代码如下:

$('div.count').each(function(i){
  $(this).css('z-index', $(this).length-i);
});

最终结果应如下所示:

<div class="count" style="z-index:999;"></div>
<div class="count" style="z-index:998;"></div>
<div class="count" style="z-index:997;"></div>

Answer 1

告诉它从哪里开始，并在每次迭代时减一:

var start = 999;

$('div.count').each(function(i){
  $(this).css('z-index', start--);
});

或者使用索引

$('div.count').each(function(i){
  $(this).css('z-index', 999 - i);
});