Javascript如何识别按钮被点击

Question

我有一个包含很多文章的页面。每篇文章都有一个删除按钮。如何识别文章中点击的按钮？

目前我有这个:

<button type="button" id="delete-article" class="btn btn-small btn-danger">Delete</button>

$('#delete-article').on('click', function(e) {
    console.log('Test delete article');
});

这会根据页面上的文章数量记录“测试删除文章”。

Answer 1

您可以将事件附加到按钮上并使用 this引用当前单击按钮的对象:

$('button').on('click', function(e) {
    console.log(this.id);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" id="delete-article" class="btn btn-small btn-danger">Delete</button>
<button type="button" id="delete-article-2" class="btn btn-small btn-danger">Delete</button>