const eLis = document.querySelectorAll("#rank li"); for(let i =0;i< eLis.length; i++) { eLis[i].addEventListener("click", function() { setTimeout(() => { console.log(this.innerText); }, 1000) }, false) }
<ul id="rank"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul>
li { width: 30px; height: 30px; outline: 1px solid blue; }