Как сделать так, чтобы нажатие кнопки получало атрибут данных в своем собственном div?

<?php 
//jQuery calls this code to save changes to inventory
if (isset($_POST['inventoryID'])){
//Filter all incoming fields
$attributeID = preg_replace('#[^0-9]#i', '', $_POST['attrID']);	
$inventoryID = preg_replace('#[^0-9]#i', '', $_POST['inventoryID']);
$inventorySKU = preg_replace('#[^a-z0-9\-]#i', '', $_POST['inventorySKU']);	
$inventorySize = preg_replace('#[^a-z0-9]#i', '', $_POST['inventorySize']);
$inventoryStock = preg_replace('#[^0-9]#i', '', $_POST['inventoryStock']);
$inventoryStatus = preg_replace('#[^a-z]#i', '', $_POST['inventoryStatus']);	

//change letter case
$inventorySKU = strtoupper($inventorySKU);	
$inventorySize = ucwords(strtolower($inventorySize));

	//Check missing fields
	if (!empty($inventorySKU) && !empty($inventorySize) && !empty($inventoryStock) && !empty($inventoryStatus)){ 	
		//Update row for product into table since there is no changes to image made
		$sql = "UPDATE Inventory SET SKU = '$inventorySKU', Size = '$inventorySize', Stock = '$inventoryStock', Status = '$inventoryStatus' WHERE PK_InventoryID = '$inventoryID' AND FK_AttributesID = '$attributeID'";
		$query = mysqli_query($connection, $sql);
		if ($query){
			echo 'Your inventory has been successfully updated!';
		}else{
			echo 'FAILURE: Inventory not updated!';
		}
	}
	exit();	
}
?>

$(document).on('click', '#saveInvSubBtn', function() {
  // Obtain the inventory and attribute ID
  var iID = $('.deleteInvBtn').data("iid");
  var attrID = $('.deleteInvBtn').data("attrid");

  var form_data = new FormData();
  form_data.append('inventorySKU', $("#invSKU").val());
  form_data.append('inventorySize', $("#invSize").val());
  form_data.append('inventoryStock', $("#invStock").val());
  form_data.append('inventoryStatus', $("#invStatus").val());

  $.ajax({
    url: 'edit_inventory.php', // point to server-side PHP script 
    type: 'POST',
    data: form_data,
    dataType: 'text', // what to expect back from the PHP script
    cache: false,
    contentType: false,
    processData: false,
    success: function(data) { // display success(i.e, echo response) response from the PHP script
      if (data === 'Your inventory has been successfully updated!') {
        //do something
      } else {
        //do something else
      }
    },
    error: function() { // display error response(i.e, server timeout etc) from the PHP script
      //display error msg
    }
  });
});

//This is Div 1
    <div class = "flex-container-col">
        <form onSubmit = "return false;">
        <div>
         <button class = "deleteInvBtn" data-iid = "5" data-attrid = "67" 
         title = "Delete Inventory"> 
         <img src = "../images/bin.png" width = "100%"></button>
    															 
         <label for = "invSKU">SKU</label>
    	   <input type = "text" class = "form-text-no-border" id = "invSKU" value = "BSD-LALA40S">
        </div>
    														 
        <div>
    	    <label for = "invSize">SIZE</label>
    	    <input type = "text" class = "form-text-no-border" id = "invSize" value = "Small">
        </div>
    														 
        <div class = "flex-container-row">
    	    <div class = "flex-col-50">
    	      <label for = "invStock">STOCK</label>
    	      <input type = "text" class = "form-text-no-border"                      id = "invStock" value = "11">
          </div>
    															 
          <div class = "flex-col-50">
    	      <label for = "invStatus">STATUS</label>
    	      <select class = "form-text-no-border" id = "invStatus">
    	        //some option statement here
    	      </select>
    	    </div>
        </div>	
    														 
        <div class = "flex-container-row">
    	    <input type = "button" class = "form-btn" id = "saveInvSubBtn" 
             value = "SAVE">
        </div>
        </form>	
    </div>


//This is Div 2. Same as above but with diffrent values
    <div class = "flex-container-col">
        <form onSubmit = "return false;">
        <div>
         <button class = "deleteInvBtn" data-iid = "8" data-attrid = "84" 
         title = "Delete Inventory"> 
         <img src = "../images/bin.png" width = "100%"></button>
    															 
         <label for = "invSKU">SKU</label>
    	   <input type = "text" class = "form-text-no-border" id = "invSKU" value = "KCD-GERA40S">
        </div>
    														 
        <div>
    	    <label for = "invSize">SIZE</label>
    	    <input type = "text" class = "form-text-no-border" id = "invSize" value = "Medium">
        </div>
    														 
        <div class = "flex-container-row">
    	    <div class = "flex-col-50">
    	      <label for = "invStock">STOCK</label>
    	      <input type = "text" class = "form-text-no-border"                      id = "invStock" value = "31">
          </div>
    															 
          <div class = "flex-col-50">
    	      <label for = "invStatus">STATUS</label>
    	      <select class = "form-text-no-border" id = "invStatus">
    	        //some option statement here
    	      </select>
    	    </div>
        </div>	
    														 
        <div class = "flex-container-row">
    	    <input type = "button" class = "form-btn" id = "saveInvSubBtn" 
             value = "SAVE">
        </div>
        </form>	
    </div>