SIR
목록으로

특정 li에 addClass 될 경우 경고창 띄우기가 가능한가요? 채택완료

굼떠
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전 조회 1,964
답변 3
목록

Copy 
///html

<div class="main sec03">
    <h2>Media</h2>
    <ul class="cboth">
        <li style="background-color:red" class="on"><span></span></li>
        <li style="background-color:green"><span></span></li>
        <li style="background-color:blue"><span></span>
            <video class="lhmb__bg" src="http://www.carepilates.com/main03.mp4" data-m-src="http://www.carepilates.com/main03.mp4" data-w-src="http://www.carepilates.com/main03.mp4" loop="" muted="" playsinline="" id="video3">
                            </video>
        </li>
    </ul>
</div>

 

//script
$(".sec03 li").click(function(){
        $(this).addClass("on");
        $(this).siblings().removeClass("on");
    });

 

이 구조인데 3번째 li에 on이 붙었을 때 경고창을 띄울 수 있나요??

#javascript #그누보드5

답변 3개

채택된 답변
+20 포인트

세번째 li 에 id=alert 를 부여하고 

if ( $(#alert).hasClass('on') ) {
      alert("내용");
    }

이런식으로 접근해도 괜찮을듯 합니다

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

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

Copy 
$(".sec03 li").click(function(){
    $(this).addClass("on");
    $(this).siblings().removeClass("on");
    if($(this).index() == 2) {
        alert("3번째 li 입니다.")
    }
});
로그인 후 평가할 수 있습니다

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

그냥 해당 li에 따로 클래스 주고 

저 구문에서 

if($(this).hasClass('부여한 class')){

  // 처리할 내용

}

이렇게 하시면 될것 같습니다. 

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

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

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

로그인
🐛 버그신고