jquery - 使用 jQuery 将 z-index 降序应用于 li

Question

我需要计算 li，然后以相反的顺序添加 z-index，如下所示：

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

我不希望任何 z 索引上的 0 或负数，并且它需要以相反的顺序排列。我想使用 jQuery，因为我不知道这个列表中有多少 li。

这是我到目前为止所拥有的：

    var numIndex = $("ul.progress li").length + 1;
    $("ul.progress li").each(
      function(numIndex) {
        $(this).css("z-index", numIndex*-1);
    });

如果您知道我缺少什么，请告知。

Answer 1

您知道可以将回调参数传递给.css()吗？

var c = $('#list li').length;
$('#list li').css('z-index', function(i) {
    return c - i;
});

http://jsfiddle.net/mblase75/XuSX8/

Answer 2

尝试这样的事情：

$(function(){
    var numIndex = $("ul.progress li").length;

    $("ul.progress li").each(function(i){
        $(this).css("z-index", numIndex-i);
    });
});

演示：http: //jsfiddle.net/dirtyd77/F39WC/

Answer 3

您必须取出.each()函数参数：

var numIndex = $("ul.progress li").length;
$("ul.progress li").each(function () {
   $(this).css("z-index", numIndex--);
});