双击获取id

Question

如果我在页面周围有许多 div，它们都具有不同的 id，有些具有相同的类。 我怎么能说双击页面上的任何地方我需要从我双击的元素中获取 id 或 class 或任何内容？

就像我说的：

$('div').dblclick(function(){

var x = $(this).attr('id');
});

我可以说类似的话吗

$('body').dblclick(function(){

    var x = $(this).attr('id');
    });

Answer 1

您可以获取事件目标，即触发事件的元素，然后获取与该元素最接近的 DIV

$('body').dblclick(function(e){
    var x = $(e.target).closest('div').attr('id');
});

Answer 2

您可以考虑为<body>元素上的任何地方注册一个 click 事件，并查看目标以查看到底点击了什么：

$('body').dlbclick(function(e) {
    // You can adjust this to suit your needs
    var x = $(e.target).attr('id');
});

或者，如果您明确需要相对于该元素定位一个<div>元素，您可以找到最接近的元素并使用其 ID ：

$('body').dlbclick(function(e) {
    // You can adjust this to suit your needs
    var x = $(e.target).closest('div').attr('id');
});

Answer 3

$('body').on("dblclick","div",function(){
    var x = $(this).attr('id');
});