테스트 사이트 - 개발 중인 베타 버전입니다

클릭한것만 사라지게 하고싶습니다 채택완료

흐어어어어 3년 전 조회 2,009

인풋 파일을 클릭한것만 지우게 하고싶은데

올린거 다 지워져서 어떤것을 고치면 될까요?

계속 고치다가 안돼서 여쭤봅니다... 고수님들 부탁드립니다....

 

 

</p>

<p>$('body').on('click','a.delete_image', function(e){</p>

<p> </p>

<p>e.preventDefault();</p>

<p>$('.removeImg').parent().remove('');</p>

<p> </p>

<p>});</p>

<p> </p>

<p> </p>

<p>function preview(arr){</p>

<p>arr.forEach(function(f){</p>

<p> </p>

<p>//div에 이미지 추가</p>

<p>var str = '<div style="display: inline-flex;"><li class="removeImg" style="width: 120px; overflow: hidden; margin-right: 2%; height: 120px; list-style:none; object-fit: cover; border-radius: 15px; border: 2px solid #dbdbdb;">';</p>

<p>str += '<span style="float:right;"><a class="delete_image" href="#"><img class = "delete-btn" src="/img/remove_icon.svg"></a></span>
';</p>

<p> </p>

<p>//이미지 파일 미리보기</p>

<p>if(f.type.match('image.*')){</p>

<p>var reader = new FileReader(); //파일을 읽기위한 FileReader객체 생성</p>

<p>reader.onload = function(e) { //파일을 읽어들이기를 성공했을 때 호출되는 이벤트 핸들러임</p>

<p>str += '<img src="'+e.target.result+'" width=150 height=150 />';</p>

<p>str += '</li></div>';</p>

<p>$(str).appendTo('#img_preview');</p>

<p>// str++;</p>

<p>}</p>

<p>reader.readAsDataURL(f);</p>

<p>}</p>

<p>});</p>

<p>}</p>

<p>

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

답변 2개

채택된 답변
+20 포인트
3년 전

$('.removeImg').parent().remove(''); ===>

$(this).parent().parent().parent().hide();

또는

$(this).parent().parent().parent().remove();  

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

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

루2
3년 전

forEach대신 map이라던가 value와 index를 표시할 만한 걸 쓰고 

이렇게 인덱스를 표식을 넣은 후에 

클릭 했을 때 e.target.id를 삭제해라 이런식으로 가면 안될까요?

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

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

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

로그인