增量倒计时以更改同级元素的z-index值

我已经检查过各处寻找解决方案，并且无法弄明白。 解决方案使我无法解决。

由于复杂的原因，我不能简单地改变CSS中的margin / padding交换，所以我试图添加style="z-index:5;" 在第一个div中，然后style="z-index:4;" 在第二个div等中，以便页面上的最后一个元素具有最低的z-index，并且朝向顶部的每个元素添加一个，因此如果存在任何重叠，它总是保持在顶部，这是某些情况。目前位于后续兄弟元素下方的链接。

删除下面的示例代码：我知道我的计数器正在工作，但增量器（z）的值没有传递给for循环中的.css方法。 有什么建议？

  .subsection { margin-top: -80px; padding-top: 80px; position: relative; }   var set_zindex = function(){ var subsection = $('.subsection'); var subsections = subsection.length; var z; for ( z=subsections; z >=0; z-- ) { subsection.css('z-index', z ); } } set_zindex();   
some content
 //add style="z-index:5: 
some content
 //add style="z-index:4: 
some content
 //add style="z-index:3: 
some content
 //add style="z-index:2: 
some content
 //add style="z-index:1:  

Answer 1

您正在使用jQuery集合（var子部分）。 您需要单独检查该集合中的每个项目。

就像是：

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

Answer 2

你应该在for循环中使用z – = 1。 有时事情会变得棘手。 看到这里

并与每个迭代。

 subsection.each ( function(i) { $(this).css('z-index',subsections-i); } ) ;