使用jQuery逐步减少z-index

Question

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

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

$('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);
});

Answer 2

这会给你一个wring z index.Declare一个全局变量并在循环中递减。

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

Answer 3

您可以使用index方法..

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

或

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

Answer 4

var start = 999;
$('div.count').CSS('z-index', function () {
    return start--;
});

参考文献：

• css()。

Answer 5

以下代码将正常运行：

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

第一个元素的z-index为999，第999个为0 ...