그동안
488
2020-09-03 18:06:12 작성 2020-09-03 18:08:17 수정됨
2
165

제이쿼리 html태그 추가(붙여넣기) 관련...


제이쿼리 html태그 추가(붙여넣기) 관련 문의 드립니다.

class scrollx 안에 첫번째 위치에 추가하고 싶은데, append하니까 뒤에 붙네요;;

- insertBefore(), prependTo() 등을 사용해 봤는데 원하는 결과가 안나오더라고요.

- <span> 앞에 붙이는 건 가능한데, 동적이라 <span>이 없을수도 있습니다.


혹시 아시는 분 계시면 댓글 좀 부탁 드립니다.


<div class="scrollX">             
    여기에 추가하고 싶습니다~~
    <span class="imgFile"><img src="/uploads/portfolio_img/ajaa.jpg" /><a href="#" class="btnImgDel"><span class="blind">삭제</span></a></span>
</div>
 
 
$('.scrollX').append('<span class="imgFile"><img src="' + e.target.result + '" /><a href="#" class="btnImgDel"><span class="blind">삭제</span></a></span>');


0
  • 답변 2

  • angularStart
    312
    2020-09-03 18:09:30
    $(parent).append(child) // child 객체를 parent 객체 내 마지막 요소 뒤에 붙인다.
    $(parent).prepend(child) // chlid 객체를 parent 객체 내 첫번째 요소로 붙인다.
    $(child).appendTo(parent) // child 객체를 parent 객체 내 마지막 요소 뒤에 붙인다.
    $(child).prependTo(parent) // chlid 객체를 parent 객체 내 첫번째 요소로 붙인다.

    출처 : https://jdm.kr/blog/57


    $('.scrollX').prepend('<span class="imgFile"><img src="' + e.target.result + '" /><a href="#" class="btnImgDel"><span class="blind">삭제</span></a></span>');


  • 틸코블렛
    164
    2020-09-03 18:17:24

    append 함수는 해당 selector의 뒤에 붙이는 함수이고, selector 내부에 넣길 원하시면  prependTo 함수 쓰시면 되겠네요


    ===================================

    초기 스타트업을 위한 공인인증서 스크래핑 API 사이트

    홈택스, 정부24, 건강보험공단, 심평원, 내보험다찾아, Credit4U 등

    http://tilko.net 

  • 로그인을 하시면 답변 을 등록할 수 있습니다.