Extract attribute from DOM element with jQuery

Question

Here's a code that I have

    <button data-id="123">
        Restore
    </button>
    function aButtonPressed(id){
        alert(id);
    }
    $(document).ready(function() {
        $('button').on('click', function(){aButtonPressed(data-id);});
    });

I want the function to show in alert box string "123". How should I extract the data-id ?

Answer 1

Change to this

$('button').on('click', function(){
alert($(this).data('id'));
})

Answer 2

尝试这个

  $('button').on('click', function(){aButtonPressed($(this).attr('data-id'));});

Answer 3

use dataset property : https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset

var btn = document.querySelector('button');

btn.onclick = function(){
      console.log(btn.dataset.id);
};