JSFiddle - React, Tailwind, and code Playground
HTML
<div class="ProductActionAdd">
<input type="text" value="" id="test1"/>
<a class="button" href="#">Add To Cart</a>
</div>
<div class="ProductActionAdd">
<input type="text" value="" id="test2"/>
<a class="button" href="#">Add To Cart</a>
</div>
<div class="ProductActionAdd">
<input type="text" value="" id="test3"/>
<a class="button" href="#">Add To Cart</a>
</div>
JavaScript
$(".ProductActionAdd a").click(function(){
alert($(this).closest('div').find('input').attr('id'));
})