테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

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

리미리미 5년 전 조회 3,154
답변 2
목록

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

 

 

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

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

 

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

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

 

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

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

 

#자바스크립트
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
쟁 

</p>

<p>$(".detail_view_btn").on("click", function() {

    $(this).closest("ul").siblings(".doctor_history").show();

});</p>

<p>

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

�
리미리미
5년 전
closest,siblings 신기하네요 ㅠㅠ 너무 감사합니다.
공부가 더 필요할것 같습니다.
문제 해결해서 너무 좋네요 감사합니다!
s
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
dragon
5년 전

참고하세요

</strong></p>

<p>$(document).ready(function(){

    $("li").click(function(){

     var i = $('li').index(this);

         $(".doctor_list").eq(i).find(".doctor_history").show();

        });

});</p>

<p><strong>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
리미리미
5년 전
ㅠㅠ도움주셔서 너무 감사합니다!

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

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

로그인