Есть несколько блоков такого вида:
<div class="basket-option">
<div class="basket-option-icon">
<img src="/wp-content/themes/template/img/sauce.svg" alt="basket option">
</div>
<div class="basket-option-title">Соус</div><div class="basket-option-count">
<div class="count">
<button type="button" class="count-minus">-</button>
<input type="text" value="0" id="qty">
<button type="button" class="count-plus">+</button>
</div>
</div>
<div class="basket-option-price">Бесплатно</div>
</div>
Сейчас при клике по .count-minus и .count-plus меняется количество #qty, нужно сделать так что бы при изменении кол-ва, если оно больше 0 добавлять в форму #form-present имя и кол-во Если сделать так то каждый раз добавляется новые блоки input, а нужно что бы значения изменялись:
jQuery(".count-plus").click(function(){
var dop_val_qty = jQuery(this).siblings("input").val();
var dop_val_name = jQuery(this).parents(".basket-option-count").siblings(".basket-option-title").text();
if (dop_val_qty > 0) {
jQuery("#form-present").append('<input type="hidden" name="dop-name" id="dop-name" value="' + dop_val_name + '">');
jQuery("#form-present").append('<input type="hidden" name="dop-qty" id="dop-qty" value="' + dop_val_qty + '">');
}
else {
jQuery("#dop-name").remove();
jQuery("#dop-qty").remove();
}
});
если делать html() а не append() другие блоки не учитываются