javascript - 如何获取 Z-index 的数值

我正在尝试使用以下代码获取某些 div 的 z-index 属性。

$("#elementID").css("z-index")

但我得到
"auto" 作为结果。

在这种情况下，是否有可能获得像 1,2,3.. 这样的数值而不是 auto 。

如果此问题已在 Stackoverflow 中得到解答，请分享链接。

最佳答案

jQuery UI:

要获取 div 的 z-index 属性的数值，无论它是直接设置在其上还是继承使用:

$("elementID").zIndex();

注意: zIndex 在 jQuery UI 1.10 中被移除。

此方法将从指定的元素开始并移动到其父元素，直到找到具有 z-index 集的元素。如果它没有找到任何东西，它将返回 0。

JavaScript:

window.getZIndex = function (e) {
    var z = document.defaultView.getComputedStyle(e).getPropertyValue('z-index');
    if (isNaN(z)) return getZIndex(e.parentNode);
    else return z;
};

像这样使用它:

var z_Index = getZIndex($('#elementID')[0]);