JSFiddle - React, Tailwind, and code Playground

by gromer

HTML

<ul>
    <li>
      <div class="image-wrapper">
        <div class="image-options">
          <a href="#" id="imgoption_'+this.user_id+'" class="favoriteButton" title="Add Favorite"><br>Favorite</a>
        </div>
        <p>'+this.name+'</p>
      </div>
    </li>
</ul>

JavaScript

$(document).ready(function() {
    $('.favoriteButton').on('click', function(e) {
        e.preventDefault();
    
        alert("Favorite Clicked 1");
    });
    
    $('.favoriteButton').click(function(e) {
        e.preventDefault();
    
        alert("Favorite Clicked 2");
    });
})