Как назначить инкрементный z-index # для каждого H2, используя Jquery

Question

Используя Jquery, как мне назначить инкрементный z-индекс # для каждого H2, увеличивая на 2?(когда документ готов, начните с первого H2 и дайте ему z-индекс 2, затем перейдите к следующему H2 и дайте ему z-индекс 4 .... и т.д. z-индекс следующего H2 равен6 и т. Д. пример:

<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>

Я хочу, чтобы jquery внедрил часть z-index в готовый документ.
Я не знаю как, но я виделлюди, использующие эти фрагменты в своем коде, чтобы как-то помочь создать эффект:

zIndex += 2;

и

$(".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);})