javascript - jquery 找到最接近的类并增加值

Question

我有增加/减少购物车数量的按钮

<div class="product-quantity">
  <button class="qtyminus">-</button>
  <input type="text" name="quantity" value="1" class="qty form-control">
  <button class="qtyplus">+</button>
</div>

不幸的是，我的 javascript 无法正常工作，无法弄清楚原因。

$('.qtyplus').on('click', function(e) {
    e.preventDefault();
    var num = Number($(this).closest('.qty').val());
    $(this).closest('.qty').val(++num);
});

Answer 1

jQuery closest 搜索祖先元素，但在本例中，您正在寻找同级元素。尝试使用 siblings 而不是 closest

顺便说一下，现代浏览器都有内置的调试工具。设置断点并逐步执行代码以查看发生了什么，并使用控制台窗口进行测试很容易。