JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<button class="action1 confirm">1-A</button>
<button class="action1 confirm">1-B</button>
<button class="action1 confirm">1-C</button>
<button class="action1 confirm">1-D</button>
</div>
<div>
<button class="action2 confirm">2-A</button>
<button class="action2 confirm">2-B</button>
<button class="action2 confirm">2-C</button>
<button class="action2 confirm">2-D</button>
</div>

JavaScript

$('div').on('click', '.confirm', function(e) {
	if( confirm('Are you sure?') ) {
		$(this).trigger('confirmed');
	}
}).on('confirmed', '.action1', function() {
	console.log('action1: ' + $(this).text());
}).on('confirmed', '.action2', function() {
	console.log('action2: ' + $(this).text());
});