SIR
목록으로

기능이 같은 버튼이 여러개 있으면 어떻게 구현하나요? 채택완료

인찌
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전 조회 1,907
답변 2
목록

아래  사진처럼 상품리스트 페이지에 상품 하나 당 하나씩 달려있는 버튼인데요.

하나하나 클래스 써가는거 대신, 쉽게 구현할 수 있는 방법이 있을까요?

3552902211_1647590335.3259.png

 

Copy 
<div class="app_con">
                        <ul class="app_ul">
                            <li>
                                <span id="app_pro">사용중</span>
                                <button onclick="app_btn()" class="app_btn_0">
                                    <i class="material-icons leading-icon">settings</i>
                                </button>
                                <div id="app_btn_set" class="app_btn_set">
                                    <ul>
                                        <li><a href="">서비스 신청일</a></li>
                                        <li><a href="">문의하기</a></li>
                                        <li><a href="">서비스 중지</a></li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>

 

<script>
            function app_btn(){
                $('#app_btn_set').toggleClass('abt_set');    
            }
            </script>
#javascript

답변 2개

채택된 답변
+20 포인트

Copy 
<div class="app_con">
                        <ul class="app_ul">
                            <li>
                                <span id="app_pro">사용중</span>
                                <button class="app_btn">
                                    <i class="material-icons leading-icon">settings</i>
                                </button>
                                <div class="app_btn_d app_btn_set">
                                    <ul>
                                        <li><a href="">서비스 신청일</a></li>
                                        <li><a href="">문의하기</a></li>
                                        <li><a href="">서비스 중지</a></li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
 
<script>
    $('.app_btn').on('click', function() {
        $(this).parent().find('.app_btn_d').toggleClass('app_btn_set'); 
    });
</script>
로그인 후 평가할 수 있습니다

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

..저만 이해가 안되는거죠??

클래스를 왜 써야하는건지부터 설명해주셔야..

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

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

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

로그인
🐛 버그신고