jQuery多组数量增减功能异常：点击单按钮其余组同步变动求助

问题原因 #

原有逻辑在页面加载完成后直接全局选中了所有.quantity__value输入框存储，触发点击事件时会统一修改所有选中输入框的数值，所以多组组件会同步变动。

修复方案 #

仅替换原有JS代码即可，HTML和CSS不需要改动：

$(document).ready(function() {
    $(".quantity__trigger").click(function(){
      // 只选中当前按钮所在组的输入框
      let $currentInput = $(this).siblings(".quantity__value");
      let num = parseInt($currentInput.val());
      if ($(this).hasClass('quantity__increment')) {
          $currentInput.val(num + 1);
      } else if (num >= 1) {
          $currentInput.val(num - 1);
      }
    });
});

修改后点击任意组的增减按钮，只会操作当前组的数值，不会影响其他组的组件。

内容的提问来源于stack exchange，提问作者frankfurt