테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 질문좀요...ㅠㅠ 채택완료

간단한 제이쿼리 인데 반목문을 사용을 못하겠습니다.
 
$('ul.gn_lst > li:eq(0)).mouseover(function(){    alert('0'); });
$('ul.gn_lst > li:eq(1)).mouseover(function(){    alert('1'); });
$('ul.gn_lst > li:eq(2)).mouseover(function(){    alert('2'); });
$('ul.gn_lst > li:eq(3)).mouseover(function(){    alert('3'); });
$('ul.gn_lst > li:eq(4)).mouseover(function(){    alert('4'); });
현재 대충이러한 소스가있는데...
 
for(var i=0; i<=4; i++){
    $('ul.gn_lst > li:eq('+i+')').mouseover(function(){        alert(i);     });
}
 
이런형식으로 해보려고했지만..동작을하지 않습니다...
 
저기 eq:(0~4) 까지 반복을 하고싶은데 for문을 돌려보면 동작을 하지않습니다...
고수님들... 저걸 반복문을 사용해서 처리하고싶은데 도움좀 부탁드립니다.
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
적어주신 내용만 참고했을 때는 아래처럼 작성하면 될 것으로 보입니다.
</div>
<div><div>$("ul.gn_lst > li").mouseover(function() {</div>
<div>    var idx = $("ul.gn_lst > li").index($(this));</div>
<div>    alert(idx);</div>
<div>});</div></div>
<div>
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

감사합니다~ ^^

댓글을 작성하려면 로그인이 필요합니다.

</div><span style="font-family: gulim, helvetica; line-height: 23.54400062561035px">$('ul.gn_lst > li').each(function(i){</span>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>if(i<=4)<span style="font-family: gulim, helvetica; line-height: 23.54400062561035px"></span></div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>{</div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span>$(this).mouseover(function(){</div>
<div><span class="Apple-tab-span" style="white-space: pre">			</span>...</div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span>})</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>}</div>
<div><span style="font-family: gulim, helvetica; line-height: 23.54400062561035px">})</span></div>
<div>
이렇게 해보면 어떨까요
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

감사합니다 ~^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고