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

Question

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

我已经看到其他关于逐步减少 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>

score 2 · Accepted Answer

告诉它从哪里开始，并在每次迭代中减去一个：

var start = 999;

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

或使用索引

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

score 1 · Accepted Answer

这会给你一个扭曲的 z 索引。声明一个全局变量并在循环中递减。

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

score 1 · Accepted Answer

你可以使用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);
});

score 1 · Accepted Answer

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

参考：

score 1 · Accepted Answer

以下代码将正常工作：

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

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

5 回答 5