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

Posted 2023-02-24

【中文标题】如何使用 Jquery 为每个 H2 分配增量 z-index #

【英文标题】：How do I assign an incremental z-index # for each H2 using Jquery

【发布时间】：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)

【参考方案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 ); 
     
);