Имеем блоки с данными на входе с разными id в блоке "prod_id":
<div class="clicker">
<div class="card">
<div class="card-body">
<div class="media">
<div class="media-body">
<div class="prod_id" id="prod_id">1</div>
</div>
</div>
</div>
</div>
</div>
<div class="clicker">
<div class="card">
<div class="card-body">
<div class="media">
<div class="media-body">
<div class="prod_id" id="prod_id">2</div>
</div>
</div>
</div>
</div>
</div>
При нажатии на блок "clicker" в отдельном поле создается новый блок с таким же id в блоке "prod_id" и количеством 1.
<script type="text/javascript">
window.onload = function() {
function addProd() {
var prodID = this.querySelector('#prod_id');
$('.tt').append(
'<div class="col-xl-14">'+
'<div class="card card-body alert-yellow border-yellow">'+
'<div class="media">'+
'<div class="media-body">'+
'<div class="prodID" style="display:none;">' + prodID.innerHTML + '</div>'+
'<div class="col-xl-12 input-group bootstrap-touchspin bootstrap-touchspin-injected">'+
'<input type="text" id="quantity" value="1" class="form-control touchspin-step alert-yellow">'+
'</div>'+
'</div>'+
'</div>'+
'</div>'+
'</div>'
);
}
var comments = document.getElementsByClassName('clicker');
for( var i=0; i<comments.length; ++i ) {
var obj = comments[i];
obj.onclick = addProd;
}
}
</script>
<div class="tt">
<div class="col-xl-14">
<div class="card card-body alert-yellow border-yellow">
<div class="media">
<div class="media-body">
<div class="prodID" style="display:none;">1</div>
<div class="col-xl-12 input-group bootstrap-touchspin bootstrap-touchspin-injected">
<input type="text" id="quantity" value="1" class="form-control touchspin-step alert-yellow">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-14">
<div class="card card-body alert-yellow border-yellow">
<div class="media">
<div class="media-body">
<div class="prodID" style="display:none;">2</div>
<div class="col-xl-12 input-group bootstrap-touchspin bootstrap-touchspin-injected">
<input type="text" id="quantity" value="1" class="form-control touchspin-step alert-yellow">
</div>
</div>
</div>
</div>
</div>
</div>
Задача проверить при нажатии существует ли новый блок с таким же id, если да, то изменить количество +1 в input "quantity" нового блока.