使用 jQuery .class 选择器获取数据属性

Question

我想为整个元素类触发 onClick 事件。通常，我会做这样的事情：

$(".classy").click(function(){
    console.log("Replace this line with something useful!");
});

但是，此类的每个元素都有不同的数据属性，我想在 onClick 函数中使用这些属性。例如：

<div className="classy" data-num={100}></div>
<div className="classy" data-num={931}></div>
<div className="classy" data-num={777}></div>

单击每个元素时，我想记录该data-num值。有没有办法用 jQuery 来做到这一点.click？

Answer 1

在这里，您可以使用解决方案https://jsfiddle.net/Lk0pnu8e/

$(".classy").click(function(){
    console.log("First Way: " + $(this).attr('data-num'));
    console.log("Second Way: " + $(this).data('num'));
    console.log("Replace this line with something useful!");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="classy" data-num={100}>100</div>
<div class="classy" data-num={931}>931</div>
<div class="classy" data-num={777}>777</div>