4

次のように、li を数えてから、逆の順序で z-index を追加する必要があります。

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

z インデックスに 0 または負の値を使用したくないので、逆順にする必要があります。このリストにいくつのliがあるかわからないので、jQueryを使用したいと思います。

これが私がこれまでに持っているものです：

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

私に欠けているものを知っているかどうかアドバイスしてください。

4

3 に答える 3

4

にコールバック引数を渡す.css()ことができることをご存知ですか?

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

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

于 2013-04-19T19:17:44.127 に答える