如何使用jQuery自动为多个元素分配不同的Z-Index值

Question

例如我有标记

<div>
     <img src="#" alt=""/>
     <img src="#" alt=""/>
     <img src="#" alt=""/>
<div>

我想选择$（'div img'），然后为每个分配一个z-index值，这样第一个就是3，第二个，第三个1.这个是jQuery的简单吗？

由于

Answer 1

是的，使用每个函数 - http://api.jquery.com/each/

Answer 2

这应该有用，请点击预览按钮参阅 demo here 。

var total = $('div img').size();

$('div img').each(function(index){
  $(this).css('z-index', total - index);
});

Answer 3

i = 3;

$('div img').each(function()
{
    $(this).css('z-index', i);

    i -= 1;
});