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?