1

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

zIndex += 2;

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

2 回答 2

3
$('h2').each(function(idx){$(this).css('z-index', idx*2+2);})
于 2010-08-11T06:09:42.513 回答
3
$("h2").each( 
    function(index) { 
        $(this).css( "z-index", index*2+2 ); 
    } 
);
于 2010-08-11T06:09:50.897 回答