Javascript 如何使用Jquery为每个H2分配增量z索引#

使用Jquery， 如何为每个H2分配递增的z-索引#，递增2？（文档准备好后，从第一个H2开始，给它一个z索引2，然后转到下一个H2，给它一个z索引4…等等。下一个H2的z索引是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>

及

---

sunuvabich！比我快8秒！-）sunuvabich！比我快8秒！：-）

zIndex += 2;

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

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

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