javascript - 加载新文章内容时重置图片库计数

Question

我有很多文章都有 1、2、3 或 4 张图片。在移动设备上，我创建了一个轮播。所有图像都在同一行，我的计数为 0。当我按下右侧按钮(例如)时，计数将为 -100，所有图像将有一个左侧:-100 等等。问题是，假设我按下一篇文章中的按钮，计数将为 -100。但在我转到另一篇文章后，如果我再次按，计数不是 -100 而是 -200。当我更改文章时如何重置该计数。代码类似于:

 var c = 0;
$('.plus').on('click', function(){
    c += 100
    $(this).siblings('.num').text(c)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="article">
  <div class="minus">Minu</div>
  <div class="plus">Plus
  </div><div class="num">0</div>
</div>
<div class="article">
  <div class="minus">Minu2</div>
  <div class="plus">Plus2
  </div><div class="num">0</div>
</div>
<div class="article">
  <div class="minus">Minu3</div>
  <div class="plus">Plus3
  </div><div class="num">0</div>
</div>
<div class="article">
  <div class="minus">Minu4</div>
  <div class="plus">Plus4
  </div><div class="num">0</div>
</div>
<div class="article">
  <div class="minus">Minu5</div>
  <div class="plus">Plus5
  </div><div class="num">0</div>
</div>

Answer 1

这是我为你准备的。

$('.plus').on('click', function(){
    c = Number($(this).siblings('.num').text()) + 100;
    $(this).siblings('.num').text(c)
});

$('.minus').on('click', function(){
    c = Number($(this).siblings('.num').text()) - 100;
    $(this).siblings('.num').text(c)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="article">
  <div class="minus">Minu</div>
  <div class="plus">Plus</div>
  <div class="num">0</div>
</div>
<div class="article">
  <div class="minus">Minu2</div>
  <div class="plus">Plus2</div>
  <div class="num">0</div>
</div>
<div class="article">
  <div class="minus">Minu3</div>
  <div class="plus">Plus3</div>
  <div class="num">0</div>
</div>
<div class="article">
  <div class="minus">Minu4</div>
  <div class="plus">Plus4</div>
  <div class="num">0</div>
</div>
<div class="article">
  <div class="minus">Minu5</div>
  <div class="plus">Plus5</div>
  <div class="num">0</div>
</div>

“加号”按钮将添加到当前文章显示的总数中，“减号”将从中减去。每篇文章都有自己的c无法通过其他文章中的按钮更改该值。

我希望这就是您正在寻找的。