调试时如何按 z-index 对页面元素进行排序？

Question

我正在 Visual Studio 2008 中使用 jQuery 在 ASP.NET 3.5 网站上调试 JavaScript 方法。作为健全性检查，我想查看按 z 索引排序的页面元素列表。有什么好的/简单的方法来做到这一点？我更喜欢可以输入“监视”窗口的表达式，但我愿意接受其他建议。

编辑：@polarblau 回答了我的问题，但我想发布我最终在此处使用的代码，这样更容易阅读。以下是我粘贴到 Visual Studio 中的“监视”窗口中的内容：

$.map($('*').sort(function(a, b) { return b.style.zIndex - a.style.zIndex; }), function(e) { return '[' + e.id + '] = [' + e.style.zIndex + ']'; }).join(', ')

Answer 1

像这样的东西会起作用吗？\xe2\x80\x94

\n\n

var sortByZIndex = function(a, b) {\n    return a.style.zIndex - b.style.zIndex;\n}\nvar sorted = $(\'div\').sort(sortByZIndex);\nalert("Sorted: " + $.map(sorted, function(e){ return e.id; }).join(\', \'));\n

\n