Question

这是我的代码

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

我希望函数显示在警告框字符串＆＃34; 123＆＃34;中。我该如何提取data-id？

Answer 1

更改为

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

Answer 2

试试这个

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

Answer 3

使用dataset属性：https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset

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

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

使用jQuery从DOM元素中提取属性

3 个答案: