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

Question

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

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

但是我得到

“auto” 作为结果。

在这种情况下是否可以获取像 1,2,3.. 这样的数字值而不是 auto 。

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

Answer 1

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]);