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>
<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);
}
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=1
i=2
i=3
i=4
- 이전글브라우저명 찾아내기함수 15.05.12
- 다음글JavaScript Object Table 15.05.12
댓글목록
등록된 댓글이 없습니다.

