无法使用JQuery更改z-index

我出于某种原因无法使用jQuery更改元素的zIndex。 我搜索了所有这个网站和谷歌，但找不到正确的答案。 我试图在点击按钮时将我的元素放在另一个div的前面。 我使用了你可以在这里看到的代码。 但没有奏效。

$(this).parent().css('zIndex',3000); 

它在开头的元素的CSS代码：

 #wall{ width:100%; height:700px; position: absolute; top:500px; background: #11c1e7; opacity: 0.6; z-index: 900; } 

要超出此范围的元素的CSS代码：

 .port1 { width:200px; height:200px; left:px; top:-500px; border-radius: 500px; background:red; position:absolute; z-index: 10; } 

有谁知道我怎么解决这个问题？

//编辑

链接到该网站： http ： //dannypostma.com/project/j.php

点击投资组合球时，两个球从空中掉落。 点击时这些应该在水面前。

Answer 1

设置style.zIndex属性对非定位元素没有影响 ，也就是说，元素必须绝对定位，相对定位或固定。

所以我会尝试：

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

Answer 2

这是无效的Javascript语法; 属性名称不能有- 。

使用zIndex或"z-index" 。

Answer 3

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

Answer 4

因为你的jQuery代码是错误的。 正确的是：

 var theParent = $(this).parent().get(0); $(theParent).css('z-index', 3000); 

Answer 5

zIndex是javaScript表示法的一部分。（camelCase）
但jQuery.css使用与CSS语法相同的内容。
所以它是z-index 。

你忘了.css（“attr”，“value”）。 在两者中使用’或’，attr和val。所以， .css("z-index","3000");