javascript - 分离输入值

Question

我有这个https://codepen.io/anon/pen/RgQOWz

它具有递增/递减功能，并且可以执行我想要的操作，但问题是它们都一起更改，并且我想将计数器 1 与计数器 2 分开，这意味着如果我想更改计数器 1 的值，它不必影响计数器2 反之亦然。

我基本上可以给计数器 2 个不同的类名，并为其编写另一个脚本，但考虑到计数器会很多，这是一项大量的工作。

那么我该怎么做呢？

Javascript代码

$(".increment").click(function() {
  var score1 = $(".score").val();
  score1++;
  $(".score").val(score1);
});

$(".decrement").click(function() {
  var score1 = $(".score").val();
  if (score1 == 0) {
  } else {
    score1--;
    $(".score").val(score1);
  }
});

Answer 1

将 JavaScript 更改为这样

$(".increment").click(function() {

  var score1 = $(this).next().find('.score').val();
  score1++;
  $($(this).next().find('.score').val(score1));
});

$(".decrement").click(function() {
  var score1 = $(this).prev().find('.score').val();
  if (score1 == 0) {
  } else {
    score1--;
    $(this).prev().find('.score').val(score1);
  }
});

不是将值设置为.score，而是根据选择的增量或减量选择来查找分数

这是一个可用的代码笔 https://codepen.io/anon/pen/xrYoRr#anon-login