How to get data attribute value from the element in Javascript?

There is a html as below.

1
2
3

<a id="option1" data-id="10" data-option="21" href="#">
       Click to do something
</a>

I want to get the data-id and data-option values while clicking this element.

How to make it happen?

Solution:

$('#option1').on('click', function () {
    var $el = $(this);
    
    console.log($el.data('id'), $el.data('option'));
});

The console log will be 10 and 21.

This is the end of post

Contents