:: 글답변 :: 이 름 패스워드 이메일 홈페이지 옵 션 html  분 류 선택하세요 Html CSS Script JQuery ASP PHP GNU .NET MySQL MsSQL DNS SEO ENG IONIC REACT 제 목 > > > 안녕하세요. 간단할수도 있는 jquery for문 질문드립니다. > 아래와 같은 소스가 있습니다. > html 부분 > > <button id=button1>버튼1</button> > <button id=button2>버튼2</button> > <button id=button3>버튼3</button> > > jquery 부분 > > <script> > $(function(){ > for(var i=1; i <= 3; i++){ > $("#button"+i).click(function(){ > alert(i); > }); > } > }); > </script> > > > 제가 원하는 현상은 button1을 누르면 1이 출력되고, > button2를 누르면 2가 출력되고 button3을 누르면 3이 출력되야하는데, > 버튼 어느것을 눌러도 뜬금없는 4가 출력이 되네요... > > jquery의 for문이 다른개념인건가... 좋은 답변 기다리겠습니다 ㅠ > > > > > function 안에 function 의 변수 공유하려면 아래처럼 하셔야 합니다. > > > <script src="jquery.js"></script> > <script> > $(function(){ > for(var i=1; i <= 3; i++){ > (function() { > var i2 = i; > $("#button"+i2).click(function(){ > alert(i2); > }); > })(); > } > }); > </script> > 링크 #1 링크 #2 파일첨부   왼쪽의 글자를 입력하세요.