$('ul.images div.caption p#caption_one').mouseover(function(){
$('ul.images div.caption p#caption_one').addClass('over');
});
$('ul.images div.caption p#caption_one').mouseout(function(){
$('ul.images div.caption p#caption_one').removeClass('over');
});
$('ul.images div.caption p#caption_two').mouseover(function(){
$('ul.images div.caption p#caption_two').addClass('over');
});
$('ul.images div.caption p#caption_two').mouseout(function(){
$('ul.images div.caption p#caption_two').removeClass('over');
});
이렇게 three... four...
자바스크립트 첨이라 잘 모르겠음 ㅠㅠ mouseover의 반환값이 뭔가요? 그 반환값 이용해서 변수 선언하고
딸러 안에 저 문자열 대신에 그 변수 넣고 하는 방법 없을까요? ㅠㅠ
hover는 썻는데 여전히 질문한 내용으놈르겠음 ㅠ
반환값은 마우스 이벤트 .
셀렉터나 좀 줄여라.
var id = [\"caption_one\",\"caption_two\"]; for( var i = 0 ; i < id.length ; i++ ){ $(\'ul.images div.caption p#\'+id[i]).mouseout(function(){ $(\'ul.images div.caption p#\'+id[i]).removeClass(\'over\'); }).mouseover(function(){ $(\'ul.images div.caption p#\'+id[i]).addClass(\'over\'); }); }
뭐 대충 이런식으로 하면 안되나?