獲取正確的元素

Question

我有一個DOM樹是這樣的：

<div class="like-bttn" data-answer-id="{{answer.id}}"> 
    <div class="count>{{ answer.like_score }}</div> 
    <div class="heart>&#10084;</div> 
</div> 

我有一個JavaScript代碼，以使Ajax請求的時候像-BTTN點擊：

$(".like-bttn").click(function(ev) { 
    var id = $(ev.target).attr('data-answer-id'); 
    ... do something with id ... 
    }) 

但是當。心點擊我的代碼不起作用，因爲ev.target是.heart，它沒有'data-answer-id'

什麼是正確的方法在這stiuation？

Answer 1

使用$(this)，不活動對象：

$(".like-bttn").click(function(ev) { 
    var id = $(this).attr('data-answer-id'); 
    ... do something with id ... 
}) 

，正如尼爾指出，它的清潔劑使用data：

var id = $(this).data('answerId');