js méthode d'implémentation pour ajouter des événements à une balise (en utilisant une boucle de fermeture)

L'exemple de cet article décrit la méthode d'ajout d'événements à la balise a en js. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Expliquez avec un exemple :

Obtenez l'effet : boucle pour ajouter des événements à la balise a avec la classe de style ml-praise, et après avoir cliqué sur la balise a , la quantité correspondante augmente de 1.

La structure HTML est la suivante :

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

Code d'implémentation JS :

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(&#39;ding-num&#39;)[0]);
  }
}

L'effet d'implémentation est comme suit :

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Pour plus de méthodes js pour ajouter des événements à la balise a (en utilisant des boucles de fermeture), veuillez faire attention au site Web PHP chinois pour les articles connexes !