특정 li에 addClass 될 경우 경고창 띄우기가 가능한가요?
본문
///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이 붙었을 때 경고창을 띄울 수 있나요??
답변 3
세번째 li 에 id=alert 를 부여하고
if ( $(#alert).hasClass('on') ) {
alert("내용");
}
이런식으로 접근해도 괜찮을듯 합니다
그냥 해당 li에 따로 클래스 주고
저 구문에서
if($(this).hasClass('부여한 class')){
// 처리할 내용
}
이렇게 하시면 될것 같습니다.
$(".sec03 li").click(function(){
$(this).addClass("on");
$(this).siblings().removeClass("on");
if($(this).index() == 2) {
alert("3번째 li 입니다.")
}
});
답변을 작성하시기 전에 로그인 해주세요.