https://prnt.sc/mNw859XPGPPQ Aquí tengo 3 productos seleccionados y muestra solo 2, funciona solo para un cuadro de texto, ¿podría ayudarme a mostrar los 3 productos, por ejemplo, si selecciono la cantidad 2 para el conjunto 1 y la cantidad 1? para set2, entonces debería mostrar 2 set1 y 1 set2, un total de 3 imágenes en la parte superior Obtuve lo que quiero, pero estoy atascado aquí para manipular datos en función de un selector de cantidad diferente. ¿Podrían ayudarme a deshacerme de este problema?
$(".quantity__input").change(function(){ var img_src =$(this).parents(".atc_coll").find("input[type='hidden']").attr("data-src"); var total = $(this).val(); var oldLength = $(".six_Products > .single_product").length; var change = total - oldLength; if (change > 0) { for (i = 0; i < change; i++) { $(".six_Products").append(`<div class='single_product'><img src='${img_src}' style='height:150px; width:150px;'></div>`); } } else { change = Math.abs(change) $( ".six_Products > .single_product").each(function( index ) { $(this).remove(); if (index == (change -1)) { return false; } }); } }); <div class="six_pack_conatiner "> <div class="six_Products"> </div> <div class="atc_price_wrap"> <a href="javascript:void(0)" class="atc_all_six">Add To Cart</a> </div> </div> <div class="atc_coll"> <a href="javascript:void(0)" class="atc_link" data-id="{{ card_product.selected_or_first_available_variant.id }}" data->Add To Cart</a> <quantity-input class="quantity" style="display:none;"> <button class="quantity__button no-js-hidden" name="minus" type="button"> - </button> <input class="quantity__input" type="number" name="quantity" min="0" value="0" readonly> <button class="quantity__button no-js-hidden" name="plus" type="button"> + </button> </quantity-input> <input type="hidden" data-src="{{ card_product.featured_media | img_url: 'master' }}" data_price="{{card_product.price}}"> </div>