JSFiddle - React, Tailwind, and code Playground

by jesus_tesh

HTML

<div id="modal-content"> <a class="emotion-choice" href="#">
        <span><strong>#1</strong></span>
    </a>
 <a class="emotion-choice" href="#">
        <span><strong>#2</strong></span>
    </a>
 <a class="emotion-choice" href="#">
        <span><strong>#3</strong></span>
    </a>

</div>

CSS

a { display: block; }

JavaScript

$('#modal-content').on('click', '.emotion-choice', function(e) {
    e.preventDefault(e);        
    $('.emotion-choice').not(this).html('a');    
});