JSFiddle - React, Tailwind, and code Playground

HTML

<li id="item_111190897">
   <span class="shoeColor" style="display:none">Blue Converse</span>
   <span class="shoeColor">
      <a class="shoepopup" data-popup-ref="#shoe_item_111190897" href="javascript:;">
        <img class="available" src="/media/available.gif" alt="">
      </a>
      <span class="">
        <img alt="" src="shoeicon.png">
      </span>
    Blue Converse Available Now!
  </span>
       </li>
       <li id="item_111190897">
   <span class="shoeColor" style="display:none">Blue Converse</span>
   <span class="shoeColor">
      <a class="shoepopup" data-popup-ref="#shoe_item_111190897" href="javascript:;">
        <img class="" src="/media/available.gif" alt="">
      </a>
      <span class="">
        <img alt="" src="shoeicon.png">
      </span>
    Blue Converse Available Now!
  </span>
       </li>

JavaScript

$(document).delegate("li:has(.available)", "click", function(){
    alert("clicked");
});