JSFiddle - React, Tailwind, and code Playground

HTML

<!--start of cart items-->
    <div class="simpleCart_shelfItem">
                    <div class="image"><img src="css/graphics/jpeg/shovel.jpg" alt="Shovel" height="75" width="75" /></div>
                    <h2 class="item_name">Shovel</h2>
                    <span class="item"><img src="css/graphics/jpeg/cart.jpg" alt="Shopping Cart" height="20" width="19" />
            Items in Cart: <b class="simpleCart_quantity"></b></span> 
                    <div class="description"><p>Good quality shovel for digging.</p><p class="p_height">An essential tool for every man and something you should have forever.</p></div>
                    <a class="add_products" href="cart.html">Go to Cart</a>
                    <a class="add_products" href="products.html" title="Add Items">Add More Items</a>
                    <span class="gst">(Inc. GST)</span>
                    <span class="item_price">$59.95</span>
                    <input class="item_quantity" value="1" type="text">
                    <a  class="item_add" >Add</a>
                </div><!--end of simpleCart_shelfItem-->

CSS

div { padding: 10px; border: 1px solid green; }
.item_add { border: 1px solid yellow; }

JavaScript

(function() {
    $(".item_add").click(function() {
        $(this).parent().effect("highlight", {}, 750);
        
        return false;
    });
})(jQuery);