<ul>
<li class="on"> <!--on을 가지고있어야 버튼이 보임 -->
<button>팝업띄우기</button>
<div>팝업</div>
</li>
<li>
<button>팝업띄우기</button>
<div>팝업</div>
</li>
<li>
<button>팝업띄우기</button>
<div>팝업</div>
</li>
<li>
<button>팝업띄우기</button>
<div>팝업</div>
</li>
<li>
<button>팝업띄우기</button>
<div>팝업</div>
</li>
</ul>
div,button{display : none;}
li.on button{display : block}
이런 경우 버튼을 눌렀을때 on을 가진 li에만 팝업이 떴으면 좋겠는데
잘 안되네요ㅠㅠ
if($('li').hasClass('on')){
$('button').click(function(){
$('div').show();
});
}
아직 문법 감을 잘 못익혀서,, 스크립트 관련하여 간단한 설명도 해주시면 감사하겠습니다!
답변 2개 / 댓글 6개
채택된 답변
+20 포인트
$('button').click(function() {
if ($(this).parents('li').hasClass('on')) {
$(this).siblings('div').show();
}
});
답변에 대한 댓글 6개
답변을 작성하려면 로그인이 필요합니다.
이런 경우 해결책도 알고계시다면 알려주실수있으실까요?ㅜ_ㅜ