Как автоматически назначать разные значения Z-Index нескольким элементам с помощью jQuery

Question

например у меня есть разметка

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

Я хочу выбрать $ ('div img'), а затем присвоить каждому значение z-index, так что первое будет 3, второе 2, третье 1. Это просто с jQuery?

Спасибо

Answer 1

Это должно работать, см. Демоверсию здесь , нажав кнопку предварительного просмотра.

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

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

Answer 2

i = 3;

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

    i -= 1;
});

Answer 3

Да, используйте каждую функцию - http://api.jquery.com/each/