我有以下代码:
请参阅此处的 codepen 示例:https://codepen.io/Rubenkretek/pen/VwYQVgO ?editors=1111
预期结果:单击“+”按钮时输入字段会增加 1。
实际结果:输入没有变化,出现以下错误:
类型错误:selectedInput.stepUp 不是函数
$(function() {
$('<span class="add" uk-icon="plus">+</span>').insertAfter('.product-container .product-quantity input');
$('<span class="sub" uk-icon="minus">-</span>').insertBefore('.product-container .product-quantity input');
$('.add').click(function() {
var selectedInput = $(this).prev('input');
if (selectedInput.val() < 10) {
console.log("value is less than 10");
$('.add').click(function() {
selectedInput.stepUp(1);
});
}
});
});Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="product-container">
<div class="product-info">
<h2>Product name</h2>
</div>
<div class="product-quantity">
<input type="number"></input>
</div>
</div>Run Code Online (Sandbox Code Playgroud)
jquery ×1