Question

我在jquery中创建一个隐藏的菜单。我们的想法是在选择时将其置于所有其他元素的前面。其他元素基本上是菜单的兄弟。我正在使用'object.css（'z-index'）'来获得效果。它在我的代码中使用我使用兄弟姐妹的特定类。但是当我使用'object.siblings（）。css（）'保持它更通用时，我没有任何效果。我不想使用类来保持代码尽可能更通用。所有元素都已定位。

HTML结构看起来像这样。

<html>
  <body>  
    <div class="nav">  
    </div>
    <div class="top">
    </div>
    <div class="container">  
    </div>
  </body>
</html>

其中'.nav'是我隐藏的菜单在Jquery下面我应用z-indexes：

label.on('click', function () {
if (sbar.css('visibility') === 'hidden') {
    $('.button').animate({'right': '+=201px'}, 200);
    $('.sidebar').css({'visibility':'visible'})
    wrapper.css('z-index', '1');
    $('.container').css('z-index', '-1');
    $('.top').css('z-index', '-1');
} else  {  
    $('.button').animate({'right': '-=201px'},200);
    $('.sidebar').css({'visibility':'hidden'});
    wrapper.css('z-index', 'initial');
    $('.container').css('z-index', 'initial');    
    $('.top').css('z-index', 'initial');

像这些代码正在z-index上完成工作。但是，如果我更改类$（'。container'）和$（。top'）并合并'.sibling'选择器中的代码，例如：

wrapper.siblings().css({'z-index': '-1'});

它根本不起作用。关于我可能做错了什么的任何建议？感谢。

Answer 1

尝试以下代码

wrapper.siblings().css("z-index", "-1" );

使用JQuery对兄弟元素进行Z-index

1 个答案: