下拉菜单中的多个负z索引

Question

我有一个具有4个菜单类别的下拉菜单。一，二，三，四。每个类别都有一个负的z-index命令。

一(z-index-1)两(z-index-2)三(z-index-2)四(z-index-2)

这样，zindex-1总是在前面(ΟΝΕ)。

如果我按Menu2，我希望它变成z-index -1，其余的自动变成-2，依此类推。

一(z-index-2)两(z-index-1)三(z-index-2)四(z-index-2)

我想知道，有没有更好的方法来写这段代码？谢谢

​

​

​

$('.one').css({
'position': 'absolute',
'z-index': '-1'
});

$('.two').css({
'position': 'absolute',
'z-index': '-2'
});

$('.three').css({
'position': 'absolute',
'z-index': '-2'
});

$('.four').css({
'position': 'absolute',
'z-index': '-2'
});

​

Answer 1

对于初学者来说-

$('.one,.two,.three,.four').click(function() { 
   $('.one,.two,.three,.four').css({position: 'absolute', 'z-index': '-2'});
   $(this).css('z-index', '-1'); 
})

但如果你添加了你的html，以及这样做的实际目的，我相信答案将会大不相同。