繁体   English   中英

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

[英]How to sort page elements by z-index while debugging?

我正在使用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(', ')

请问像这样的工作? -

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(', '));

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM