如何获取 Z-index 的数值

Question

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

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

但我得到

"auto" 结果。

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

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

Answer 1

jQuery 用户界面：

要获取 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]);