메인메뉴 바로가기

HOME으로 가기


Javascript

Tip&Tech | Native JS에서 현재 클릭한 버튼의 Index 값을 가져오기

본문

Native JS에서

현재 클릭한 버튼의 Index 값을 가져오고 싶을때...
 
------------ HTML ------------
<ul>
  <li><button>1</button></li>
  <li><button>2</button></li>
  <li><button>3</button></li>
  <li><button>4</button></li>
  <li><button>5</button></li>
</ul>
 
 
------------- JS -----------------------------
 
var btns = document.getElementsByTagName("button");

for(var i=0; i<btns.length; i++){
  (function(i){
    btns[i].addEventListener("click", aa)
    function aa(){ console.log("i="+i); }
  })(i);
}
 
 
-------- Output ------
i=0
i=1
i=2
i=3
i=4

 

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기