javascript - 按类别从 .click 获取数据值

Question

此代码将输出正确的类名，但不会输出正确的数据有效量。它只会输出:未定义。

$(".prod_amount_add").click(function(){     
    var rowAmount = 0;
    var datavalid = $(this).attr('data-validamount');   
    console.log(datavalid);
    console.log($(this).attr('class'));
});

<div class="prod_amount_add">
    <img src="icons/add.png" width="16" height="16" 
         alt="Plus 1" data-validamount="1">   
</div>

Answer 1

该属性位于您的 img 上，而不是您的 .prod_amount_add div 上，因此您需要执行 $(this).find('img') 操作。 attr('数据有效量');