JSFiddle - React, Tailwind, and code Playground

by doug65536

HTML

<div class="selected_product_category">
<a class="remove_selected_product_category" href="javascript:void(0);"><i class="icon-remove-sign">Some link</i></a>
Some text here 1
    <input type="hidden" value="23" name="category[]"/>
</div>
    <div class="selected_product_category">
<a class="remove_selected_product_category" href="javascript:void(0);"><i class="icon-remove-sign">Some link</i></a>
Some text here 2
    <input type="hidden" value="23" name="category[]"/>
</div>
    <div class="selected_product_category">
<a class="remove_selected_product_category" href="javascript:void(0);"><i class="icon-remove-sign">Some link</i></a>
Some text here 3
    <input type="hidden" value="23" name="category[]"/>
</div>

JavaScript

$(document).on('click', 'a.remove_selected_product_category', function(event) {
    $(event.target).closest('.selected_product_category').hide();
});