jquery - ボタンの子クリックを無効にする

Question

私のボタン：

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

バックボーンでの私のイベントバインディング:

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

問題は、アイコンまたは内側の SPAN をクリックしても、email_address_id 属性が渡されないということです。親からクリックを発生させるエレガントな方法は何ですか?

編集/回答

トリックはevent.currentTarget、イベントハンドラーでの使用です。

score 2 · Accepted Answer

これまでバックボーンイベントを扱ったことはありませんが、jQuery では、イベントハンドラーthisはセレクターに一致する要素への参照であり、必ずしもクリックされた要素ではありません。その場合、次のようなことができます。

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

3 に答える 3