ForEach문과 클릭 이벤트 관련 질문입니다.

Question

${list.titleItemInquiry}

${list.contentItemInquiry}

일단 forEach문으로 문의사항에 관한 데이터를 LIst로 받아와서 뿌려주는 곳입니다.문의사항에 제목만 보이는 형태이구요. 제가 구현하고 싶은 부분은 제목을 클릭할 경우 내용이 보이게 하는 것입니다. $(".qnaTitle").each(function(i){ $(this).click(function(e){ }); });해당 부분을 통해서 목록들에 있는 글 중에 제목 클릭 이벤트를 작성한 곳입니다.each문을 통해 각 제목마다 클릭이벤트가 발생하는 것은 확인했으나 클릭시에 $(".answer)의 visible값이 false인지 true인지 확인하여 true라면 SlideUp을 통해 내용을 보이게 해봤는데요 제목을 클릭했을때는 index값이 클릭한 부분에 맞게 잘 나왔으나 내용을 보이게 바꾸는 순간 모든 내용들이 보이게 되는 문제가 있습니다ㅠㅠ제 생각으로는 이미 forEach문으로 visible:none으로 뿌려진 내용값들이 전부다 바뀌는 것으로 보이는데 어떻게 제어를 해야할까요,,,제목 클릭 전 상황입니다.클릭 이후 상황입니다.이렇게,., 다보이네요,, 하,,

코딩하는나그네타는타조 · Answer

아 선생님들 해결했습니다,,, 제가 div 태그로 제목과 내용을 감싼 이유를 잊고 있었네요 !!$(&#34;.qnaContent&#34;).each(function(index,element){ $(element).find(&#34;.qnaTitle&#34;).click(function(){ if($(element).find(&#34;.answer&#34;).is(&#34;:visible&#34;)){ $(element).find(&#34;.answer&#34;).slideUp(); }else{ $(element).find(&#34;.answer&#34;).slideDown(); } }); });부모로 접근하여 qnaTitle에 클릭이벤트 발생시 해당 answer 클래스를 가진 div 태그에 이벤트를 주었습니다!

ForEach문과 클릭 이벤트 관련 질문입니다.

1개의 답변

#foreach 목록