Javascript 如何使用jQuery获得内联z索引样式？

以下返回“自动”，而不是10。为什么?

<div class="testclass" style="z-index:10"></div>

<script type="text/javascript">
$(function() {
  alert($(".testclass").css("z-index"));
});
</script>

$（函数（）{
警报（$（“.testclass”）.css（“z-index”）；
});

---

显然，因为div未定位。对div的样式进行以下更改：

<div class="testclass" style="position:absolute; z-index:10"></div>

你将在警报中显示10

这是有意义的，因为z-index属性不适用于未定位的元素

---

顺便说一句，这似乎是依赖于浏览器的行为。你的小提琴在Firefox下报告10，但在Chrome下报告自动。

显然，因为div没有定位。对div的样式进行以下更改：

<div class="testclass" style="position:absolute; z-index:10"></div>

你将在警报中显示10

这是有意义的，因为z-index属性不适用于未定位的元素

---

顺便说一句，这似乎是依赖于浏览器的行为。您的Fiddle在Firefox下报告10，但在Chrome下报告自动。

z-index只能分配给定位元素。尝试添加：

.testclass {
    position:relative;
}

---

z索引只能指定给定位元素。尝试添加：

.testclass {
    position:relative;
}

---

这一定是Chrome中的一个bug，它在FireFox中工作

试试普通的方法

$(function() {
  console.log($(".testclass").css("z-index"));
  console.log($(".testclass")[0].style.zIndex);
});

---

jQuery在这方面几乎没有什么用处，获取style属性可以跨浏览器工作。

这一定是Chrome中的一个bug，它可以在FireFox中工作

试试普通的方法

$(function() {
  console.log($(".testclass").css("z-index"));
  console.log($(".testclass")[0].style.zIndex);
});

---

jQuery在这方面没有什么用处，跨浏览器获取样式属性是可行的。

Humm。如果你想要一个n的答案，我认为这是一个错误，但z索引设置正确

.testclass {
    width: 50px;
    height: 50px;
    background-color: black;
}

---

请参见哼唱。如果你想要一个n的答案，我认为这是一个错误，但z索引设置正确

.testclass {
    width: 50px;
    height: 50px;
    background-color: black;
}

---

请参见

它很混乱，但是您可以尝试这个JSFIDLE解决方案。它使用

.attr（）

和

.substring

查找值。我不太清楚为什么不能获得内联值

---

这很混乱，但是您可以尝试这个JSFIDLE解决方案。它使用

.attr（）

和

.substring

查找值。我不太清楚为什么不能获得内联值

---

属性

z-index

只能应用于具有位置

绝对

、

相对

或

固定

的元素。由于默认属性是

静态

，因此您将获得结果

自动

，而不是10

，

z-index

属性只能应用于具有位置

绝对

、

相对

或

固定

的元素。因为默认属性是static，所以您得到的结果是auto，而不是10

这里它使用的是香草javascript

var x = document.querySelector('.testclass').style.zIndex;
alert(x)

这里它使用的是香草javascript

var x = document.querySelector('.testclass').style.zIndex;
alert(x)

---

CSS z索引属性始终与绝对值以及相对值定位值一起工作。因此，您必须定义

位置：相对的
或
位置：绝对的

选中此项
HTML

但在您的例子中，您可以使用JavaScript通过使用

选中此项
HTML
希望这两个都对你有帮助
 CSS z-index属性始终与绝对值以及相对值定位值一起工作。因此，您必须定义
位置：相对的
或
位置：绝对的

选中此项
HTML

但在您的例子中，您可以使用JavaScript通过使用

选中此项
HTML
希望这两个都对你有帮助
 谢谢你，大卫+1.我在脚本中使用了绝对子元素，而不是父元素，这就是它不起作用的原因。再次感谢！6分钟后接受Hanks dgvid+1.我在脚本中使用了绝对子元素，而不是父元素，这就是它不起作用的原因。再次感谢！6分钟后接受