Jquery 将数据属性传递给函数

我有许多具有相同类名和不同数据值属性的div元素。当单击一个div时，我想将其数据属性传递给一个函数，并根据数据值属性执行一些操作。我怎样才能做到这一点

<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>

我知道我可以使用.voto.data'value'检索数据属性，但如何将对我单击的元素的引用传递给函数以确定正确的值，例如，单击数据值为3的div它返回3

谢谢大家

试试这个：

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

---

@dorinocanciani你能发布你的代码和html，以便更好地理解你的需求……为什么你认为attr方法比data方法更适用于此？@Guffa没有完整的html和代码，因此我认为最好使用jquery attr方法。可能在完整的html和代码发布后，您的答案将正确。我已经更新了代码。对于这段代码，如果我在div上单击一次，它将不返回任何内容，但在第二次单击中，它将返回两次值。这仍然不能解释为什么您认为attr方法比data方法更好。

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

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