JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ProductActionAdd">
    <input type="text" value="111"/>
    <a class="button" href="#">Add To Cart</a>
</div>
<div class="ProductActionAdd">
    <input type="text" value="222"/>
    <a class="button" href="#">Add To Cart</a>
</div>
<div class="ProductActionAdd">
    <input type="text" value="333"/>
    <a class="button" href="#">Add To Cart</a>
</div>

JavaScript

$( document ).ready(function() {

$(".ProductActionAdd a").click(function(){
    debugger
    alert($(this).prev().val());
    alert($(this).parent().find('input[type="text"]').val()); 
    alert($(this).closest("div").find('input[type="text"]').val());
})
});