Div с выдачей jQuery

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 читает .de c i или. de c тогда если я pu sh он ничего не делает, он не отображает предупреждение .. так что интересно, в чем проблема? потому что он вообще не работал.

Спасибо!

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>