Получить value текущего элемента

292

20 января 2018, 00:06

Есть список товаров, и кнопки количества товаров у каждого товара.

  <div class="button-group">
  <div class="form-group">
    <div class="number">
        <button class="minus">-</button>
        <input type="text" value="1" size="2" id="input-quantity"/>
        <button class="plus">+</button>
    </div>
    <button type="button" class="bttn1" data-toggle="tooltip" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product.product_id }}');"><i class="fa fa-heart"></i></button>
    <button type="button" class="bttn2" onclick="cart.add('{{ product.product_id }}');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ button_cart }}</span></button>
  </div>
  </div>

При отправке в корзину нужно получить количество товаров из input атрибута value. Если сделать так

var singleValue = $("#input-quantity").val()

то получаю значение только первого товара в списке. А как получить значение value у нужного элемента?

Answer 1

Поиск осуществляется внутри div с классом number:

<div class="number"> //по этому диву
    <button class="minus">-</button>
    <input type="text" value="1" size="2" id="input-quantity"/>
    <button class="plus">+</button>
</div>

А в javascript изменяет добавление данных на цикл по всем элементам с этим классом:

var singleValue = []; //объявление массива
$('.number input').each(function() {
singleValue.push($(this).val()); //добавление каждого значения из input с классом
});
console.log(singleValue); //пример вывода вашего значения