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

조회수 1198회

같은 페이지에서 똑같이 .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);

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

  • 코드만 봐서는 `category.order`가 뭔지 모르겠고, www.jsfiddle.net 에서 실행 가능한 코드를 만들어 주세요. Rick Sanchez 2018.7.27 16:49

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

Hashcode는 개발자들을 위한 무료 QnA 사이트입니다. 계정을 생성하셔야만 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)

ᕕ( ᐛ )ᕗ
로그인이 필요합니다

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 계정을 생성하셔야만 글을 작성하실 수 있습니다.