JSFiddle - React, Tailwind, and code Playground

by ammgena

HTML

<a href="" class="woosw-btn">123</a>

JavaScript

jQuery('.woosw-btn').html('<i class="fa fa-heart-o" aria-hidden="true">444</i>');
jQuery(document).on('mouseenter', '.woosw-btn', function(e) {
        jQuery(this).html('<i class="fa fa-heart" aria-hidden="true">111</i>');
});
jQuery(document).on('mouseleave', '.woosw-btn', function(e) {
				console.log(1212);
        jQuery(this).html('<i class="fa fa-heart-o" aria-hidden="true">222</i>');
});