获取正确的元素

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');