如何使用Jquery为每个H2分配增量z-index＃

Question

使用Jquery， 如何为每个H2分配增量z-index＃，递增2？ （当文件准备就绪时，从第一个H2开始并给它一个z指数为2，然后转到下一个H2并给它一个z指数为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在doc ready上注入z-index部分 我不知道怎么做，但我看到人们在他们的代码中使用这些片段以某种方式帮助创建效果：

zIndex += 2;

和

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

Answer 1

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

Answer 2

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