Question

我的代码是

<div id="hello">
<div>A</div></div>
<script>
$(function(){
$(document).mousedown(function(event){alert(event.target.id);});
});</script>

现在当我点击div id＆＃34;你好＆＃34;它正在警告null，因为它正在取中心div的id，但我想要外部div的id。如何实现？

Answer 1

因为目标是最里面的div

try this instead：

event.target.parentNode.id

Answer 2

尝试稍微更改您的代码：

<div id="hello">
<div>A</div></div>
<script>

$(function(){
    //You can change the selector to what suits you best here
    $("body>div").mousedown(function(event){alert(event.currentTarget.id);});

    //it is safer to use currentTarget when you have nested elements
});</script>

Answer 3

使用event.target.parentNode.id

Answer 4

您应该将事件绑定到您感兴趣的div。在您的情况下，您应该将其绑定到$('#hello')

如果您有多个div想要将该事件绑定，请为它们添加一个类，并将mousedown事件绑定到该类，并在回调函数中检查event.target的id。

event.target没有提供所需的输出

4 个答案: