JSFiddle - React, Tailwind, and code Playground

by zhouyulong

HTML

<ul>
        <li>
            <a id="showClick" href="" data-id="1">dd</a>
        </li>
        <li>
            <a id="showClick" href="" data-id="2">ee</a>
        </li>
        <li>
            <a id="showClick" href="" data-id="3">gg</a>
        </li>
        <li>
            <a id="showClick" href="" data-id="4">xx</a>
        </li>
    </ul>

JavaScript

window.onload = function () {
            var showClick = document.getElementById("showClick");
            for (var i = 0; i < showClick.length; i++) {
                (function (i) {
                    showClick[i].onclick = function (event) {
                        event.preventdefault() 
                        alert(showClick.getAttribute("data-id"));
                    }
                })(i);
            }
        }