Jquery birden fazla butonun bir value döndürmesi

Merhabalar,

Projem için jquery ile bir sepet yapmam gerekli ve bu sepeti yaparken div içerisinde verileri getirebiliyorum.gelen verilerin hepsi farklı ıd değerine sahip ama
kod ile eişmeye çalıştığımda

html

<div>
  <input type="hidden" name="producecode" class="pdcode" value="{{per.produceCode}}" />
  <input type="hidden" name="useremail" class="uponequantity" value="{{user.username}}" />
  <button class="btn btn-sm btn-primary" onclick="upoq()"><i class="fa fa-plus"></i></button>
</div>

jquery

$(".up").click(function(){
    console.log($(".prdtd").find("input:first-child").attr("value"));
    console.log($(".uponequantity").val());
    $.ajax({
        type: "POST",
        url: "/uponequantity/",
        headers: { "X-CSRFToken": '{{csrf_token}}' },
        data: {
            "producecode":$(".pcode").val(),
            "useremail":$(".uponequantity").val(),
        },
        success: function() {
            console.log('success');
        }
    });
})

kodunu yazdığım zaman tek bir ıd dönüyor her buton için
sorunu nasıl çözebilirim?