js-Implementierungsmethode zum Hinzufügen von Ereignissen zu einem Tag (unter Verwendung einer Abschlussschleife)

Das Beispiel in diesem Artikel beschreibt die Methode zum Hinzufügen von Ereignissen zum a-Tag in js. Geben Sie es als Referenz an alle weiter. Die Details lauten wie folgt:

Erklären Sie es anhand eines Beispiels:

Erzielen Sie den Effekt: Schleife zum Hinzufügen von Ereignissen zum Tag „a“ mit der Stilklasse „ml-praise“, und nach dem Klicken auf das Tag a erhöht sich die entsprechende Menge um 1.

Die HTML-Struktur lautet wie folgt:

<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>

JS-Implementierungscode:

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]);
  }
}

Der Implementierungseffekt ist wie folgt:

Ich hoffe, dass dieser Artikel für alle in der JavaScript-Programmierung hilfreich sein wird.

Weitere js-Methoden zum Hinzufügen von Ereignissen zum a-Tag (unter Verwendung von Abschlussschleifen) finden Sie auf der chinesischen PHP-Website für verwandte Artikel!