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

您知道吗pass a callback argument to .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--);
});

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

3 个答案: