목록으로

제이쿼리로 어떻게든 원하는대로 구현을 하는데 채택완료

커네드커네드

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전 조회 4,923

답변 3

하면서도 회의감이 드는게..

분명 이것보다 더 간결하게 할수 있을거 같은데

엄청난 길이로 제이쿼리를 완성해서 결국 돌아가긴 하면 되는걸까요

아니면 더 공부를 해서 고칠 부분을 고쳐야 할까요?

이런 생각이 드는게

<ul>

</ul>

</div>

이렇게 있을때 첫번째 이미지를 클릭하면 얘만 active클래스가 먹고나머지 이미지가 off가 되고 이런건데

이런식으로...

이걸 제이쿼리로 짤려다 보니까

$("#roll_left ul li").eq(0).click(function(e){

$("#roll_left ul li a").filter(".active").children("img").attr("src",$("#roll_left ul li a").filter(".active").children("img").attr("src").replace("off","on"));

$("#roll_left ul li a").eq(1).children("img").attr("src",$("#roll_left ul li a ").eq(1).children("img").attr("src").replace("on","off"));

$("#roll_left ul li a").eq(2).children("img").attr("src",$("#roll_left ul li a ").eq(2).children("img").attr("src").replace("on","off"));

$("#roll_left ul li a").eq(3).children("img").attr("src",$("#roll_left ul li a ").eq(3).children("img").attr("src").replace("on","off"));

});

이렇게 되거든요 이게 네개가 있는거죠

분명 저거보다 간결하게 만들수 있을거 같은데..

그렇지 않나요..?

#jquery

답변 3개

정렬:

채택된 답변

+20 포인트

지운아빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

저도 허접하지만...

Copy

$(function() {
    var anchor = $("#roll_left a");
    $("#roll_left img").click(function(){
        anchor.removeClass("active");
        $(this).parent("a").addClass("active");
    });
});

로그인 후 평가할 수 있습니다

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