JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="team-list">
<div class="team-member">
abcd
</div>
<div class="team-member">
abcd2
</div>
<div class="team-member">
abcd3
</div>
<div class="team-member">
abcd4
</div>
</div>
JavaScript
$(document).ready(function() {
var teamList = [];
$('#team-list').children(".team-member").each(function() {
teamList.push($(this));
});
$('#team-list').on("click", ".team-member", function() {
console.log("click");
for (i = 0; i < teamList.length; i++) {
console.log("The element was" + $(this));
console.log("and the loop is on" + teamList[i] );
if ($(this).html() === $(teamList[i]).html()) {
console.log("it was true");
}
};
});
});