jQuery Как мне узнать, количество типов ввода я увеличил?

#jquery

Вопрос:

Как я могу понять, какой ввод увеличивает мое значение, я не смог распечатать его в консоли, заранее спасибо.

 $(function(){
 $('.quantity').click(function(){
  let qty  = $('.qty').val();
  console.log(qty);
  });
});

 input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="quantity">1- Number <input type="number" class="qty" min="1" max="2"></div> 
<div class="quantity">2- Number <input type="number" class="qty" min="1" max="4"></div> 
<div class="quantity">3- Number <input type="number" class="qty" min="1" max="5"></div> 
<div class="quantity">4- Number <input type="number" class="qty" min="1" max="7"></div>

Ответ №1:

Я думаю, это может сработать для вас. Просто выберите div с помощью class: quantity позже просто отфильтруйте номер типа ввода с помощью class qty внутри выбранного div.

 $(function(){
 $('.quantity').click(function(){
  let qty  = $(this).find('.qty').val();
  console.log(qty);
  });
});

 input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="quantity">1- Number <input type="number" class="qty" min="1" max="2"></div> 
<div class="quantity">2- Number <input type="number" class="qty" min="1" max="4"></div> 
<div class="quantity">3- Number <input type="number" class="qty" min="1" max="5"></div> 
<div class="quantity">4- Number <input type="number" class="qty" min="1" max="7"></div>

Ответ №2:

$('.quantity') выбирает все divs с class="quantity" помощью, вам нужно либо использовать .each() https://api.jquery.com/each / чтобы увидеть все различные значения каждого входного сигнала. Также вам нужно выбрать $(".qty") из каждого, используя $(this).children(".qty")