点击查找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(){});

现在..我想做的是以下内容:

• 触发此事件时(即用户点击div中任意位置ID ID为divid1)告诉我他们当前所在的div的ID.当我说出他们所在的ID时,我指的是他们实际点击的div的ID ,即使它在里面divid1.让我们假设他们实际上已经点击了divid4.触发此事件是因为divid4内部divid2是内部的divid1

约束:

• 除了divid1,我不知道任何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在这里