js實現(xiàn)為a標簽添加事件的方法(使用閉包循環(huán))
更新時間：2016年08月02日 11:08:52 作者：Quber
這篇文章主要介紹了js實現(xiàn)為a標簽添加事件的方法,基于閉包循環(huán)實現(xiàn)事件添加的功能,涉及javascript閉包與事件操作相關技巧,需要的朋友可以參考下
本文實例講述了js實現(xiàn)為a標簽添加事件的方法。分享給大家供大家參考，具體如下：
以示例說明：
實現(xiàn)效果：循環(huán)為帶有ml-praise樣式類的a標簽添加事件，并且在點擊a標簽后，相應的數(shù)量增加1。
Html結(jié)構如下所示：
<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)效果如下：
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)學運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構與算法技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript遍歷算法與技巧總結(jié)》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
javascript模擬git diff命令實現(xiàn)文本文件差異比較
這篇文章主要為大家詳細介紹了javascript如何模擬git diff命令實現(xiàn)文本文件差異比較效果,文中的示例代碼講解詳細,感興趣的小伙伴可以參考下2023-12-12
最近公司需求做一個微信紅包雨功能,這里給大家總結(jié)下實現(xiàn)的方法,這篇文章主要給大家介紹了關于uni-app微信小程序之紅包雨活動的相關資料,需要的朋友可以參考下2024-01-01
本文主要介紹了原生javascript上傳圖片帶進度條的實例詳解。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
js 關鍵詞高亮(根據(jù)ID/tag高亮關鍵字)案例介紹
關鍵詞高亮在開發(fā)中會帶來很多的方便，關鍵詞高亮包括:根據(jù)ID高亮關鍵字/根據(jù)Tag名高亮關鍵字等等，感興趣的朋友可以了解下，希望本文對你有所幫助2013-01-01
VSCode開發(fā)TypeScript的實現(xiàn)步驟
本文主要介紹了VSCode開發(fā)TypeScript的實現(xiàn)步驟，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
JS下載文件的實現(xiàn)在網(wǎng)上可以找到很多教程，不過本文為大家介紹的是無刷新下載文件，貌似更酷一點是吧2014-04-04
weui中的picker使用js進行動態(tài)綁定數(shù)據(jù)問題
這篇文章主要介紹了weui中的picker使用js進行動態(tài)綁定數(shù)據(jù)問題，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11
從層次上來看，對象的復制可以簡單地分為淺復制和深復制，顧名思義，淺復制是指只復制一層對象的屬性，不會復制對象中的對象的屬性，對象的深復制會復制對象中層層嵌套的對象的屬性。本文是我在復制對象方面的一些心得總結(jié)，由淺復制到深復制，感興趣的朋友一起學習吧2017-03-03
JavaScript實現(xiàn)強制重定向至HTTPS頁面
這篇文章主要介紹了JavaScript實現(xiàn)強制重定向至HTTPS頁面,本文講解如何用JS實現(xiàn)HTTP重定向HTTPS或者HTTPS跳轉(zhuǎn)到HTTP,需要的朋友可以參考下2015-06-06
本篇文章主要介紹了canvas簡單快速實現(xiàn)知乎登錄頁背景效果的相關知識，具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05