我怎么知道哪個輸入增加了我的價值,我無法在控制臺中列印它,提前致謝。
$(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>
uj5u.com熱心網友回復:
$('.quantity')使用 選擇所有 div ,您需要使用 .each() https://api.jquery.com/each/來查看每個輸入的所有不同值。您還需要選擇$(".qty")每個使用$(this).children(".qty")
uj5u.com熱心網友回復:
我想這可能對你有用。只需選擇帶有類的 div:quantity
稍后只需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>
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/336947.html
標籤:查询
下一篇:如何在jQuery中向下滑動按鈕
