Div with jQuery Issue

Question

如果我点击这个，我正在尝试这样做：

<div class="dec qtybutton" data-id="{{ $item->id }}"><i class="zmdi zmdi-chevron-down"></i></div>

它会显示一个警报，知道它确实有效，我的jQuery代码是这样的：

$('.dec').on('click', function () {
var id = $(this).attr('data-id');
alert(id);
});

问题是我已经尝试了所有这些并且没有奏效：

$('.dec').on('click', function () {
var id = $(this).attr('data-id');
alert(id);
});

$('.dec > i').on('click', function () {
var id = $(this).attr('data-id');
alert(id);
});

我不知道该怎么做，这个jquery读取.dec i或.dec，然后如果我推送它不会做任何事情，它不会显示警报..所以我想知道有什么问题？因为它根本没有工作。

谢谢！

Answer 1

试试这个，在jquery中可以直接访问data属性。

$(".dec").click(function(){
let id = $(this).data('id');
alert(id)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="dec qtybutton" data-id="2">click<i class="zmdi zmdi-chevron-down"></i></div>