在单击按钮上的html值增加或减少1

Question

我想使用加或减按钮从给定的div或p标签中添加或减去值 给定代码看起来像这样

当我点击+按钮时，它会增加1，当我点击时 - 它会因1值0而增加或减少。 请帮忙.. 提前谢谢

enter image description here

Answer 1

另一种方式：

<button onclick="clicked(-1)">Previous</button>
<span id="test">--</span>
<button onclick="clicked(1)">next</button>
<script type="text/javascript">
var i = 0;
function clicked(n) {
    var img = document.getElementsByTagName("img");
    var test = document.getElementById("test");
    i = i + n;
    test.innerHTML = i;
};
window.onclick;
</script>

Answer 2

找到此jQuery increment value of <span> tag

你可以这样做：

<button id="plus">+</button> 
<span id="number">0</span> 
<button id="minus">-</button>

<script src="jquery.js"></script>

<script>

$("#plus").on('click', function() {
   $("#number").html(parseInt($('#number').html(), 10)+1);
});
$("#minus").on('click', function() {
   $("#number").html(parseInt($('#number').html(), 10)-1)
});

</script>