<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 포인트
2021-10-22 (금) 10:33:53
$('button').click(function() {
if ($(this).parents('li').hasClass('on')) {
$(this).siblings('div').show();
}
});
답변에 대한 댓글 6개
2021-10-22 (금) 10:45:22
2021-10-22 (금) 10:48:27
첫번째 li 에만 on 이 있어서 그런거같은데요 ㅎㅎ li 에 on 이 들어가는부분의 조건을 제가 잘 몰라서 암튼 드린 코드 내용은 li 에 on 이 있는 경우에 아래 버튼을 클릭했을때 div 가 보여지도록 한겁니다~
2021-10-22 (금) 10:52:54
답변 넘 감사합니다!
$('button').click(function(){
$('div').show();
});
이렇게 주면, 첫번째 li의 button에만 이벤트가 들어가고 있는 상황입니다ㅠ_ㅠ
$('button').click(function(){
$('div').show();
});
이렇게 주면, 첫번째 li의 button에만 이벤트가 들어가고 있는 상황입니다ㅠ_ㅠ
2021-10-22 (금) 11:09:23
버튼 테스트용으로
버튼 누르면 팝업 뜨도록 간단하게 선언한거였습니다ㅎㅎ
버튼에 클래스 달아주고 $('button.클래스명') 써주니까 다 잘 먹네요!
덕분에 도움 많이 받았습니다!
올려주신 코드 보면서 스크립트 공부 열심히 하겠습니다 다음에 또 답변 부탁드립니다^-^
버튼 누르면 팝업 뜨도록 간단하게 선언한거였습니다ㅎㅎ
버튼에 클래스 달아주고 $('button.클래스명') 써주니까 다 잘 먹네요!
덕분에 도움 많이 받았습니다!
올려주신 코드 보면서 스크립트 공부 열심히 하겠습니다 다음에 또 답변 부탁드립니다^-^
행복중입니다복사해서 사용하시면됩니다.
Copy
$('button').parents('.on').click(function(){
$('div').show();
});답변을 작성하려면 로그인이 필요합니다.
이런 경우 해결책도 알고계시다면 알려주실수있으실까요?ㅜ_ㅜ