채택완료

제이쿼리 질문좀요...ㅠㅠ

2014-05-19 (월) 18:01:00 5,398
간단한 제이쿼리 인데 반목문을 사용을 못하겠습니다.
 
$('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개 / 댓글 2개

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

답변에 대한 댓글 1개

감사합니다~ ^^
Copy
$('ul.gn_lst > li').each(function(i){
	if(i<=4)
	{
		$(this).mouseover(function(){
			...
		})
	}
})
이렇게 해보면 어떨까요

답변에 대한 댓글 1개

감사합니다 ~^^

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