jquery - 点击查找div id

Question

假设我有以下结构:

<div id="divid1">
  <div id="divid2">
    <div id="divid3">
    </div>
    <div id="divid4">
    </div>
  </div>
  <div id="divid5">
   </div>
</div>

上面的代码只是一个例子来说明问题，不用太关注。

现在假设我有以下 jQuery:

$("#divid1").click(function(){});

现在..我想做的是:

• 当这个事件被触发时(即用户点击 ID 为 div1 的 div 内的任意位置)，告诉我他们当前所在的 div 的 ID。当我说他们所在的 ID 时，我指的是 div 的 ID他们实际上点击了，即使它位于 divid1 内部。我们假设他们实际上已经点击了 divid4 内部。触发此事件是因为 divid4 位于 divid2 内部，而 divid2 又位于 divid1

限制:

• 除了 div1 之外，我不知道任何 ID。这是因为我动态生成所有其他 div 的 ID，并且无法知道有多少个 div 或它们的名称。

Answer 1

试试这个:

$("#divid1 div").click(function(){
  alert($(this).attr("id"));
  return false; // avoid parents divs if you have nested divs
});

jsFiddle here