JSFiddle - React, Tailwind, and code Playground

HTML

<button class="del_article" href="#" data-article_id="1" data-userid="user1"><i class="timeline_icon">刪除文章 1</i></button>
<br />
<button class="del_article" href="#" data-article_id="2" data-userid="user2"><i class="timeline_icon">刪除文章 2</i></button>
<br />
<button class="del_article" href="#" data-article_id="3" data-userid="user3"><i class="timeline_icon">刪除文章 3</i></button>
<br />
<button class="del_article" href="#" data-article_id="4" data-userid="user4"><i class="timeline_icon">刪除文章 4</i></button>
<br />

JavaScript

$(".del_article").click(function(e) {
	e.currentTarget.disabled = true;
	let id = e.currentTarget.dataset.article_id;
  let userid = e.currentTarget.dataset.userid;
	alert(userid + " deleting " + id + "?");
});