选择具有最高z-index的DIV

Question

示例代码,所以我可以开始解释这个问题:

<div style="z-index:5">5</div>
<div style="z-index:2">2</div>
<div style="z-index:1">1</div>
<div style="z-index:4">4</div>
<div style="z-index:3">3</div>

(z-index值无关紧要,它们的顺序甚至更少.只是示例代码)

问题:我想选择(使用CSS或JS和jQuery)具有最高z-index值的DIV.在上面的例子中,我想选择第一个,因为它的z-index 5高于所有其他的z-index.

有没有办法做到这一点？额外信息:我正在使用jQuery + jQuery UI编写一个Simple Window Manager,z-index由.draggable中的stack选项指定.我似乎无法找到一种方法让jQuery将最后一个被拖动的元素分配给一个类,所以我将采用最高的z-index方式.有什么帮助吗？谢谢.

Answer 1

我确信您可以使用停止事件来访问最近拖动的项目，即：

$('.selector').draggable({
   stop: function(event, ui) {
      $(event.target).addClass('justDragged');
   }
});

如果您希望查看绑定到事件的所有函数/变量，您可以使用以下命令：

var str = '';
for (i in event) {
    str += i + ', ';
}
alert(str);

这应该可以很好地指示您可以在任意数量的 jQuery 回调参数中使用哪些内容。