채택완료

제이쿼리 질문입니다ㅠ

2019-08-02 (금) 13:13:23 2,051

tab이미지가 on off로 바꾸고 싶은데

class는 해뒀으나 ㅠㅠ

파일명 접근해서 바꾸는건 어떠케 할지..ㅠㅠ 현재까지 코드입니다

Copy
<script>
        $(function() {
            $('ul.tabs li').click(function() {
                $('ul.tabs li').removeClass('active');
                $(this).addClass('active');
                $('#' + activeTab).addClass('active');
            });
        });
    </script>

<div class="tabs_wrap">
    <ul class="tabs">
        <li class="tab active"><a href="#none"><img src="<?php echo $board_skin_url?>/img/tab1_on.png" alt="" /></a></li>
        <li class="tab"><a href="#none"><img src="<?php echo $board_skin_url?>/img/tab2_off.png" alt="" /></a></li>
        <li class="tab"><a href="#none"><img src="<?php echo $board_skin_url?>/img/tab3_off.png" alt="" /></a></li>
    </ul>
</div>
|

답변 1개

채택된 답변
+20 포인트
2019-08-02 (금) 13:32:56

$(this).find("img").attr("src", function() {
    return $(this).attr("src").replace("_off", "_on");
});

단순히 바꾸는 것만 하시려면 위 코드를 ~~~addClass("active"); 밑에 붙여 넣어 보세요.

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