Question

此代码将输出正确的类名，但不会输出正确的data-validamount。它只会输出：undefined。

$(".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('data-validamount');

Answer 2

尝试$(this).find('img').data('validamount')。

Answer 3

点击div后你需要找到你的img attr。因为它是img而不是div的一部分

$(".prod_amount_add").click(function(){

    var rowAmount = 0;  

    var datavalid = $(this).find('img').attr('data-validamount');   
    console.log(datavalid);
    console.log($(this).attr('class'));

    });

DEMO

从类中获取.click的数据值

3 个答案: