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

时间:2011-06-20 15:12:02

标签: javascript jquery visual-studio-2008

我正在使用Visual Studio 2008中的jQuery在ASP.NET 3.5网站上调试JavaScript方法。作为一个完整性检查,我想查看按z-index排序的页面元素列表。有什么好/简易的方法呢?我更喜欢可以输入Watch窗口的表达式,但我愿意接受其他建议。

编辑:@polarblau回答了我的问题,但是我想发布我最终在这里使用的代码,它更容易阅读。这是我粘贴到Visual Studio中Watch窗口的内容:

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

1 个答案:

答案 0 :(得分:2)

this 这样的工作? -

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