SIR
이전 목록 다음
채택완료

자바스크립트 질문입니다.(버튼클릭 시 창 띄우기)

리미리미
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전 3,255

https://codepen.io/leek94/pen/dyGOaZJ

 

 

doctor_list 리스트 안에 버튼과 내용이 있는데

버튼을 눌렀을 때 내용이 뜨도록 하고 싶고,

 

한 스크립트로 여러개의 리스트에서 각자 그 기능이 적용되도록 하고 싶습니다.

코드펜에 적어놓았는데 코드한번만 확인 부탁드립니다.

 

리스트 마다 버튼을 눌러도 한가지의 내용만 계속 뜹니다.

순서 인식을 못하는것 같습니다..

 

자바스크립트
|

답변 2개 / 댓글 4개

채택된 답변
+20 포인트
쟁쟁반짜장
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전

Copy 
$(".detail_view_btn").on("click", function() {
    $(this).closest("ul").siblings(".doctor_history").show();
});

<a> 종료 태그는 다 닫아 주셔야 합니다.

답변에 대한 댓글 3개

리미리미
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전
closest,siblings 신기하네요 ㅠㅠ 너무 감사합니다.
공부가 더 필요할것 같습니다.
문제 해결해서 너무 좋네요 감사합니다!
sinbi
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전
ps.
버튼에 ul li 감싸는 건 좋은 코딩이 아닌 것 같아요.
https://codepen.io/sinbi/pen/XWXNOyM
리미리미
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전
앗 그럼 혹시 어떻게 수정되어야하나요?

<li>
<a class="btn">버튼1</a>
<div class="con">내용1</div>
</li>

이것이..
dragon
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전

참고하세요

Copy 
$(document).ready(function(){
    $("li").click(function(){
     var i = $('li').index(this);
         $(".doctor_list").eq(i).find(".doctor_history").show();
        });
});

답변에 대한 댓글 1개

리미리미
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전
ㅠㅠ도움주셔서 너무 감사합니다!

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

🐛 버그신고