我有很多文章有 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>uj5u.com熱心網友回復：
這是我為你準備的。
$('.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價值，不能通過不同文章的按鈕來改變。
我希望這就是你正在尋找的。
uj5u.com熱心網友回復：
on('click', function() {...})向“更改文章”按鈕添加處理程式。如果此按鈕只是另一篇文章的文本，則為它們全部提供一個公共類和一個公共類onclick處理程式。
HTML...
<span class="article">Article 1</span>
<span class="article">Article 2</span>
<span class="article">Article 3</span>
jQuery...
$('.article').on('click', function() {
c = 0;
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/380682.html
標籤：javascript 查询
上一篇：如何在按鈕點擊時添加累積保證金？