选择具有最高z-index的DIV

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

5
 
2
 
1
 
4
 
3 

（z-index值无关紧要，它们的顺序，甚至更少。只是示例代码）

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

有没有办法做到这一点？ 额外信息：我正在使用jQuery + jQuery UI编写一个简单的窗口管理器，z-index由.draggable中的堆栈选项分配。 我似乎无法找到一种方法让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回调参数中可以使用的内容。

Answer 2

一旦你在所有的div上添加了类，你总是可以测试jQuery(".yourDivs").css("z-index") 。

Answer 3

在你的位置，我只需在每个div上附加事件onclick。 我认为然后Javascript或jQuery会自动考虑zindex信息，你将在你点击的DIV上准确地获取事件。

Answer 4

我刚刚发现.draggable中有一个’开始拖动’事件。 我有多傻。

 $（ “＃窗口 - ” + ID + “staticwindow.stwin。”）拖动（{。
 ...
     start：function（e，u）{
         $（ “窗口”。）removeClass（ '激活'）。
         $（本）.addClass（ '激活'）;
     }
 }）;

虽然我的这种方法不再与我原来的问题有关，但至少没有循环。 我不会接受任何答案，因为这似乎需要一个循环。 （虽然我有点倾向于接受zarko-o的回答，因为它引导我思考事件）

谢谢大家的回答！