Div with jQuery Issue

Question

I am trying to do that if I click on this:

It displays an alert to know that it really works, my jQuery code is this one:

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

The thing is that I have tried all this and it has not worked:

$('.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);
});

I do not know how to do that this jquery reads the .dec i or the .dec then if I push it does not do anything, it does not display the alert.. so I wonder what is the problem? because it has not worked at all.

Thanks!

user_8731674 · Answer

Try this , In jquery you can directly access data attribute.

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


click

Div with jQuery Issue

1 Answers