JSFiddle - React, Tailwind, and code Playground

by xxxwww

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<div id="table">
  <a id="team-info-1">Team 1</a><br>
  <a id="team-info-2">Team 2</a><br>
</div>
<br>
<a id="add">Add</a>

JavaScript

var idCounter = 2;
$('#add').on('click', (e) => { 	
	idCounter++;
	$('#table').append('<a id="team-info-'+idCounter+'">Team '+idCounter+'</a><br>')
})

var $teamInfoPrefix = 'team-info-';
$(document).on('click', '[id^='+$teamInfoPrefix+']', (e) => { 
	var teamId = e.toElement.id.replace($teamInfoPrefix, '');
  alert('Load info about '+ teamId +' team');
})