jquery - 禁用 <span> 按钮子单击

Question

我的按钮:

<span class="btn btn-default emailAddressEdit" email_address_id="55924"> 
  <i class="icon-edit"></i>
  <span>Edit</span>
</span>

我在 Backbone 中的事件绑定(bind):

Events : {
  "click .emailAddressEdit" : "emailAddressEditClick",
}

问题是:如果我单击图标或内部 SPAN，它不会向我传递 email_address_id 属性。激发 parent 点击的优雅方式是什么？

编辑/回答

诀窍是在事件处理程序中使用event.currentTarget。

Answer 1

我以前没有使用过 Backbone 事件，但在 jQuery 事件处理程序中 this 是对与选择器匹配的元素的引用，不一定是被单击的元素。在这种情况下，您可以这样做:

function emailAddressEditClick() {
    var emailAddressId = $(this).attr('email_address_id');
    //do something with ID here
}