使用jquery更改divs z-index

Question

我有一些jQuery正在运行，为自定义菜单创建动画。

基本上你点击菜单图标，它会运行一个CSS动画来填满屏幕。我试图只拉菜单＃menuIcon的z-index在红色背景上，但我不知道该怎么做。

所以有问题的CSS是：

.phoneBig{ 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    border-radius: 0px; 
    animation-name: example; 
    animation-duration: 1s; 
    animation-timing-function: ease-in-out; 
    transform-origin: 50% ; 
    z-index: 200; 
} 

使这一比#menuIcon少。同样重要的是要注意#menuIcon目前没有任何样式，它只是用于jQuery中的点击事件，我试图制作其z-index 201，但似乎没有工作。

这里是工作示例小提琴： https://jsfiddle.net/vy6fLa03/

Answer 1

你可以调用jQuery来做到这一点：

$(this).parent().css('position', 'relative'); 
$(this).parent().css('z-index', 3000);