JSFiddle - React, Tailwind, and code Playground

by Rahul Sharma

HTML

<div class="CollectionLeft">
    <div class="CollectionLeftTop"> <a href="http://a3-401/rajrang/party-wear-printed--silk-sareepsr00110.html"><img title="Party Wear Printed  Silk Saree" alt="Party Wear Printed  Silk Saree" src="http://rajrang.com/ProductImages/264x3929f428363_60b1_4cb1_94ac_1fbf136334ad.jpg"></a>
        <p><a href="http://a3-401/rajrang/party-wear-printed--silk-sareepsr00110.html">Party Wear Printed  Silk Saree</a>
        </p>
        <input type="hidden" class="lastId" value="16257">
    </div>
    <div class="CollectionLeftMiddle">
        <div class="PriceListing">Rs. 1530.00</div>
    </div>
    <div class="CollectionLeftbottom">
        <div class="View"> <a href="http://a3-401/rajrang/party-wear-printed--silk-sareepsr00110.html">VIEW</a> 
        </div>
        <div class="View"> <a class="addtocompare" href="#">COMPARE</a> 
        </div>
        <div class="View"> <a href="#">BUY</a> 
        </div>
    </div>
</div>

JavaScript

$('.addtocompare').click(function(){
    alert('add to compare clicked');
});