Comment attribuer un # index incrémental # pour chaque H2 à l'aide de Jquery

Question

Utilisation de Jquery, Comment assigner un z-index incrémental # pour chaque H2, en incrémentant de 2? (quand le document est prêt, commencez par le premier H2 et donnez-lui un z-index de 2, puis passez au H2 suivant et donnez-lui un z-index de 4 .... etc. z-index du H2 suivant est 6 etc. exemple:.

<H2 style="z-index: 2;">heading one</h2> 
<H2 style="z-index: 4;">heading two</h2> 
<H2 style="z-index: 6;">heading three</h2> 
<H2 style="z-index: 8;">heading four</h2> 

Je veux que le jquery pour injecter la partie z-index sur doc prêt
Je ne sais pas comment, mais j'ai vu des gens qui utilisent ces extraits dans leur code pour aider à créer une certaine façon l'effet:

zIndex += 2; 

et

$(".fakeheading").css('zIndex', parseInt($header.css('zIndex'))+1) 

Answer 1

$("h2").each( 
    function(index) { 
     $(this).css("z-index", index*2+2); 
    } 
); 

Answer 2

$('h2').each(function(idx){$(this).css('z-index', idx*2+2);})