javascript - Jquery を使用して各 H2 に増分 z-index # を割り当てるにはどうすればよいですか

Question

Jquery を使用して、H2 ごとにインクリメンタル z-index # を 2 ずつインクリメントするにはどうすればよいですか? (ドキュメントの準備ができたら、最初の H2 から開始して z-index を 2 に設定し、次の H2 に移動して z-index を 4 に設定します....など。次の H2 の z-index は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);})