제이쿼리 .append가 이해할 수 없는 동작을 합니다


같은 페이지에서 똑같이 .append를 사용하는데 하나는 태그가 제대로 삽입되는 반면에 다른 하나는 <와 >가 이스케이프되더군요 아무리 봐도 뭐가 문젠지 모르겠습니다

그냥 querySelector로 해결이 되기는 하지만 왜 그러는지는 궁금해서 넘어갈 수가 없네요..

var html = '<div class="tile tile-manufacture new-append col-md-12 animated fadeInUp">' + category.name + '</div>';

$('#HeadphoneFilterModal .modal-body .modal-body-results .row').append(html);

정상작동하는 소스입니다.

var html = '<img class="tile new-append center-block" src="' + img_src + '">';

$('.sgg')[category.order].append(html);

이스케이프 문제를 일으키는 소스입니다.

  • 2016년 08월 12일에 작성됨

조회수 131


로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close