Question

for example i have the markup

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

I want to select $(‘div img’) and then assign each one a z-index value so the first one is 3, second 2, third 1. Is this simple with jQuery?

Thanks

Answer 1

This should work, see the demo here by clicking on the preview button.

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

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