要素をループして、減少するz-インデックスを追加する

Question

私はz-インデックスで降順に要素のグループをスタックしようとしています。

だから、3つのli要素のコレクションのために、彼らは次のようになります。これまでのところ、私はこの方法がここにLooping through a collection of li elements adding a z-index and incrementing value on each を説明見つけた

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

非常に近いようだ：

$('#contentSlider ul li').each(function(i, el) { 
    $(el).css('z-index', i + 1); 
}); 

とATこの段階で私は('z-index', i - 1);でカウントダウンする何らかの方法で$("#contentSlider ul li").length;を使うことができると推測しますが、それ以上のことはできません。

Answer 1

あなたはすでにそれを行う方法を知っているようです...これはあなたが欲しいものでしょうか？

var lis = $('#contentSlider ul li'); 
lis.each(function(i, el){ 
    $(el).css('z-index', lis.length-i); 
}); 

Answer 2

あなたの推測は間違いありません。あなたが行うことができます。

ここ

var zIndex = $('#contentSlider ul li').length; 
$('#contentSlider ul li').each(function(i, el) { 
    $(el).css('z-index', zIndex); 
    zIndex--; 
}); 

は実施例である：http://jsfiddle.net/HVs6N/