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

Question

使用 Jquery， 如何为每个 H2 分配增量 z-index #，以 2 递增？ (当文档准备好时，从第一个 H2 开始，给它一个 2 的 z-index，然后转到下一个 H2 并给它一个 4 的 z-index ....等等。下一个 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 上注入(inject) 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 ); 
    } 
);