javascript - 点击事件触发 child ？

Question

我有以下 HTML 代码

    <div id="id0_0" class="clearfix" style="margin-left:40px">
       <div id="id0_1" class="choice">
          <span id="spanradio_1" class="radio"> </span>
          <span id="spanlabel_1" class="label"><label id="label_1">Indoor</label></span>
       </div>

       <div id="id0_2" class="choice">
          <span id="spanradio_2" class="radio"> </span>
          <span id="spanlabel_2" class="label"><label id="label_2">Outdoor</label></span>
       </div>
    </div>

使用以下 jQuery:

    jQuery('.choice').click( function(e) {
       alert('clicked!! ' + e.target.id);
       var src_ele = $(e.target);

       e.stopPropagation();
       return false;
    });

但是，我的点击是在 spanradio 的 & 标签上触发的，而不是在 div 上触发的。是什么原因造成的？

谢谢!

Answer 1

基本上:

• this 是您将事件绑定(bind)到的元素(即集合中您调用 .on on 的元素之一)
• e.target 是你点击的最深的元素

所以你想要this.id。