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

【问题标题】：How do I assign an incremental z-index # for each H2 using Jquery如何使用 Jquery 为每个 H2 分配增量 z-index #
【发布时间】：2011-03-28 04:59:26
【问题描述】：

使用 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 部分。
我不知道怎么做，但我看到人们在他们的代码中使用这些 sn-ps 以某种方式帮助创建效果：

zIndex += 2;

和

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

【问题讨论】：

标签： javascript jquery z-index increment auto-increment

【解决方案1】：

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

【讨论】：

sunuvabich！比我快8秒！ :-)

【解决方案2】：

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

【讨论】：