javascript 增加一位数Jquery

b4qexyjb 于 2023-01-16 发布在 Java

关注(0)|答案(1)|浏览(182)

如何在每次单击按钮时将范围的数字增加1，如果单击按钮1，则范围1应增加，依此类推？

button 1: <a href="javascript:void(0)" class="add-menu-btn"></a>
button 2: <a href="javascript:void(0)" class="add-menu-btn"></a>
button 3: <a href="javascript:void(0)" class="add-menu-btn"></a>
span 1: <span class="item-count">1</span>
span 2: <span class="item-count">1</span>
span 3: <span class="item-count">1</span>

JavaScript

来源：https://stackoverflow.com/questions/75112639/increment-digit-by-one-jquery

1条答案

按热度按时间

kupeojn61#

锚点最适合于URL和锚点（即#pagesection）。在这个用例中，按钮是更好的选择。
在这个答案中，我给予每个按钮一个data-target属性，这个属性的值是您想要更改的元素的ID。
我把click处理程序委托给body，只是检查一下被点击的是不是某个按钮，然后得到目标span和它的值并加1。

document.body.addEventListener("click",(e) => {
   let el = e.target;
   if(el.classList.contains("add-menu-btn")){
     let target = document.querySelector(el.dataset.target);
     target.innerText = Number(target.innerText) + 1
   }
});

<button data-target="#span1" class="add-menu-btn">1</button>
<button data-target="#span2" class="add-menu-btn">2</button>
<button data-target="#span3" class="add-menu-btn">3</button>
<span id="span1" class="item-count">1</span>
<span id="span2" class="item-count">1</span>
<span id="span3" class="item-count">1</span>

赞(0）回复(0）举报 2023-01-16

我来回答

javascript 增加一位数Jquery

1条答案

相关问题

热门标签

最新问答