JSFiddle - React, Tailwind, and code Playground

HTML

<div id="productList">
<ul id="prodList" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Cerca...">
<li data-role="list-divider" >Lista prodotti</li>
<li><a href=""  data-transition="none"><img src="../image/load.gif" data-original="../userimage/1_high.jpeg" width="100" height="100" /><h2>NOME</h2><p>DESCRIZIONE</p><p>€</p></a><a id="elemento1" data-icon="delete" data-transition="none" data-rel="dialog" onclick="pippo();" title="Disabilita" data-theme="b" style="border-top-width: 0px; border-bottom-width: 0px;"></a></li>			</ul>
</div>

JavaScript

function pippo(){
		alert('Dentro pippo');
		
	//	  $("#elemento1").data('icon', 'check'); 
	//	  $("#elemento1.ui-icon").addClass("ui-icon-check").removeClass("ui-icon-delete"); 
	    $("#elemento1").data('icon', 'check'); 
        $("#elemento1 .ui-icon").addClass("ui-icon-check").removeClass("ui-icon-delete"); 
 
		
		
		
		}