Question

我有很多具有相同类名和不同数据值属性的div元素。当点击一个div时，我想将其data-attribute传递给一个函数，并根据data-value属性做一些事情。我怎样才能做到这一点？

<div class="voto" data-value="1" onclick="VotaUtente.AggiungiVoto();">
    <img src="img/stella-1.png">
    <img src="img/stella-0.png">
    <img src="img/stella-0.png">
    <img src="img/stella-0.png">
</div>
<div class="voto" data-value="2" onclick="VotaUtente.AggiungiVoto();">
    <img src="img/stella-1.png">
    <img src="img/stella-1.png">
    <img src="img/stella-0.png">
    <img src="img/stella-0.png">
</div>
<div class="voto" data-value="3" onclick="VotaUtente.AggiungiVoto();">
    <img src="img/stella-1.png">
    <img src="img/stella-1.png">
    <img src="img/stella-1.png">
    <img src="img/stella-0.png">
</div>

JQuery的

AggiungiVoto: function ()
    {
        $(".voto").click(function (e) {
            e.preventDefault();
            var nVote = $(e.currentTarget).data("value");
            console.log("nVote " + nVote);
        });
    },

我知道我可以使用（＆＃34; .voto＆＃34;）。data（＆＃39; value＆＃39;）检索数据属性但是如何将引用传递给我点击的元素函数来确定正确的值（例如，点击div，数据值=＆＃34; 3＆＃34;它返回3）？

感谢所有人！

Answer 1

试试这个：

$('.voto').on('click',function(){
    your_function_name($(this).attr('data-value'))
    });

Answer 2

$(".voto").click(function(){
    var voto_data_value = $(this).prop('data-value');
    function_name(voto_data_value);
});

将数据属性传递给函数

2 个答案: