자바스크립트 질문입니다.(버튼클릭 시 창 띄우기)
본문
https://codepen.io/leek94/pen/dyGOaZJ
doctor_list 리스트 안에 버튼과 내용이 있는데
버튼을 눌렀을 때 내용이 뜨도록 하고 싶고,
한 스크립트로 여러개의 리스트에서 각자 그 기능이 적용되도록 하고 싶습니다.
코드펜에 적어놓았는데 코드한번만 확인 부탁드립니다.
리스트 마다 버튼을 눌러도 한가지의 내용만 계속 뜹니다.
순서 인식을 못하는것 같습니다..
답변 2
$(".detail_view_btn").on("click", function() {
$(this).closest("ul").siblings(".doctor_history").show();
});
<a> 종료 태그는 다 닫아 주셔야 합니다.
closest,siblings 신기하네요 ㅠㅠ 너무 감사합니다.
공부가 더 필요할것 같습니다.
문제 해결해서 너무 좋네요 감사합니다!
ps.
버튼에 ul li 감싸는 건 좋은 코딩이 아닌 것 같아요.
https://codepen.io/sinbi/pen/XWXNOyM
앗 그럼 혹시 어떻게 수정되어야하나요?
<li>
<a class="btn">버튼1</a>
<div class="con">내용1</div>
</li>
이것이..
참고하세요
$(document).ready(function(){
$("li").click(function(){
var i = $('li').index(this);
$(".doctor_list").eq(i).find(".doctor_history").show();
});
});
ㅠㅠ도움주셔서 너무 감사합니다!
답변을 작성하시기 전에 로그인 해주세요.
