js實現(xiàn)為a標簽添加事件的方法(使用閉包循環(huán))

2019-11-20 09:20:02

字體：大中小

來源：轉載

供稿：網友

本文實例講述了js實現(xiàn)為a標簽添加事件的方法。分享給大家供大家參考，具體如下：

以示例說明：

實現(xiàn)效果：循環(huán)為帶有ml-praise樣式類的a標簽添加事件，并且在點擊a標簽后，相應的數(shù)量增加1。

Html結構如下所示：

<ul>    <li><a href="javascript:;" class="ml-praise">數(shù)量：<span class="ding-num">100</span></a></li>    <li><a href="javascript:;" class="ml-praise">數(shù)量：<span class="ding-num">200</span></a></li>    <li><a href="javascript:;" class="ml-praise">數(shù)量：<span class="ding-num">300</span></a></li>    <li><a href="javascript:;" class="ml-praise">數(shù)量：<span class="ding-num">400</span></a></li></ul>

JS實現(xiàn)代碼：

function addPraiseNum() {  var praiseObjs = document.getElementsByClassName('ml-praise');  for (var i = 0; i < praiseObjs.length; i++) { var praiseObj = praiseObjs[i]; praiseObj.onclick = (function (dingObj) {   return function () { dingObj.innerHTML = parseInt(dingObj.innerHTML) + 1;   }; })(praiseObj.getElementsByClassName('ding-num')[0]);  }}

實現(xiàn)效果如下：