亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 javascript 中動態單擊按鈕時增加值?

如何在 javascript 中動態單擊按鈕時增加值?

POPMUISE 2023-04-27 16:24:45
當我單擊“喜歡”按鈕時,增量值會增加,但它不會隨著按鈕的增加而相應地工作。會怎么做?索引.html<div class="row">    <div class="col-md-4">         <i class="fa fa-thumbs-up" onclick="count(this, '{{datas.id}}', '{{datas.user_id}}')" id="odd">          </i>          <span id="add"></span>    </div>      <div class="col-md-4"></div>    <div class="col-md-4 text-right">{{datas.post_date}}</div></div>收件箱.jsvar counter=0;function count(id, data, out){       counter++;    var one = id.closest('.card-body');    one.querySelector('#add').innerHTML = counter;    }像按鈕遞增但不是從 1 開始它從前一個數字開始
查看完整描述

1 回答

?
守著星空守著你

TA貢獻1799條經驗 獲得超8個贊

你不能依賴全局計數器。您需要有每個項目的特定計數器。您可以采用的一種方法是在節點本身上添加數據屬性并在每次單擊時更新,例如:


function count(id, data, out) {

  const counter = parseInt(this.getAttribute("data-counter") || 0) + 1; // read current counter

  this.setAttribute("data-counter", counter); // update counter


  var one = id.closest('.card-body');

  one.querySelector('#add').innerHTML = counter;

}

<div class="row">

  <div class="col-md-4">

    <i class="fa fa-thumbs-up" data-counter="0" onclick="count(this, '{{datas.id}}', '{{datas.user_id}}')" id="odd"></i>

    <span id="add"></span>

  </div>

  <div class="col-md-4"></div>

  <div class="col-md-4 text-right">{{datas.post_date}}</div>

</div>


查看完整回答
反對 回復 2023-04-27
  • 1 回答
  • 0 關注
  • 181 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號