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>

Answer 2

这对你很好 -

$('body').on('click','.classy',function(){
   console.log($(this).attr('data-num'));
});

使用正文，即使你使用AJAX（动态）添加div，click也可以。

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

2 个答案: