javascript - 如何在 jquery 中获取父 div 属性值？

Question

我需要父 div 的 data-offerId，但它无法正常工作。请给我建议。

HTML

<div class="rows" data-offerid="123487 ">15<span class="mth">.– /mth</span><span class="clear-row"></span></div>
<div class="rows" data-offerid="123486 ">15<span class="mth">.– /mth</span><span class="clear-row"></span></div>

Jquery:

 $('.clear-row').click(function(){
     var offers = $('.clear-row').parent().attr('data-offerid');
     console.log(offers);
 });

Answer 1

在处理程序内部，您应该使用 this 而不是重复选择器 .clear-row

$('.clear-row').click(function(){
   var offers = $(this).parent().attr('data-offerid');
   console.log(offers);
});

您还可以使用 data() 代替 attr()

var offers = $(this).parent().data('offerid');