JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>

    <button id="add_item" type="button" class="btn" data-name="3"> Add Item </button>
    <div id="p-3-12">
      <input type="text" name="productName" value="Square" />
      <input type="text" name="productQuantity" value="12" />
    </div>
    <div id="p-3-5565">
      <input type="text" name="itemName" value="Cup" />
      <input type="text" name="itemQuantity" value="5" />
    </div>

JavaScript

$(function() {
    $('.btn#add_item').on('click', function () {
    	var prodId = $(this).attr('data-name');
    
    	var allVal = '';
    	var pres = 'p-' + prodId;
    
    	$("[id^="+pres+"] > input").each(function() {
    		allVal += '&' + $(this).attr('name') + '=' + $(this).val();
    	});
    
    	alert(allVal);
    });
});