JSFiddle - React, Tailwind, and code Playground

by mcasavant

HTML

<div class="disableLinks">
  <a href="http://www.google.com">Link 1</a>
  <a href="http://www.google.com">Link 2</a>
</div>

<div class="disableLinks">
  <a href="http://www.google.com">Link 3</a>
  <a href="http://www.google.com">Link 4</a>
</div>

JavaScript

var disableLinks = document.getElementsByClassName('disableLinks');

for(var i = 0; i < disableLinks.length; i++){
    var links = disableLinks[i].getElementsByTagName('a');
    for(var j = 0; j < links.length; j++){
        links[j].addEventListener('click', function(e){
            alert('You clicked on link index ' + j + 'of div index ' + i);   
        }, false);
    }
}