Javascript对此的引用不起作用

Javascript对此的引用不起作用,javascript,jquery,bootstrap-4,Javascript,Jquery,Bootstrap 4,我有以下HTML/Bootstrap/JS/JQuery代码: <a class="btn btn-primary confirmAction" href="javascript:publicationUuidDelete(this);" uuid="da3ad248-3955-4e17-8948-f9247c4e3186">Delete </a> function publicationUuidDelete(source) { alert($(

我有以下HTML/Bootstrap/JS/JQuery代码:

<a class="btn btn-primary confirmAction"
    href="javascript:publicationUuidDelete(this);"
    uuid="da3ad248-3955-4e17-8948-f9247c4e3186">Delete
</a>

function publicationUuidDelete(source) {
    alert($(source).attr("uuid"));
}

函数publicationUuidDelete(源){
警报($(源).attr(“uuid”);
}
当我单击超链接(按钮)时。警报窗口显示“未定义”。
我做错了什么?

您应该向元素添加和事件侦听器,而不是将javascript放在href中

document.querySelector('.confirmation').addEventListener('click',函数(e){
e、 预防默认值();
警报(例如target.getAttribute('uuid');
});

您不应该使用内联事件处理程序,当然也不应该从
href
属性调用JS。这在90年代是不理想的,现在肯定不能接受。通过或使用不引人注目的事件处理程序