javascript - JQuery - 检测哪个 div 框被单击

Question

我正在尝试检测使用 JQuery 单击了哪个 div 框，但我不确定我做错了什么。我知道如果单击 div 框，我可以通过直接调用函数来以不同的方法来解决此问题，但我希望通过首先确定单击的内容来实现此目的。

$(document).ready(function() {
    $(document).click(function(event){
        var id = event.target.id; //looks for the id of what was clicked
        if (id != "myDivBox"){
            callAFunction();
        } else {
            callSomeOtherFunction();
        }
    });
});

谢谢您的建议!

Answer 1

您可以使用closest函数获取带有标签div的第一个祖先元素，请参阅以下示例:

$(document).ready(function() {
    $(document).click(function(event){
      var parentDiv = $(event.target).closest("div");
      console.log(parentDiv.prop("id"));
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">
  <span id="span1">Test1</span>
</div>
<div id="div2">
  <span id="span2">Test2</span>
</div>

希望对你有帮助。再见。