-
제이쿼리(jQuery)로 html 태그 만들기jQuery 2019. 10. 9. 15:44반응형
1. 그냥 문자열을 붙여서 태그 만들기.
var appendHtml = '';appendHtml += '<span class="pic">';appendHtml += ' <img class="img_acircle" src="www.test.com.kr/image/static/test.JPG" alt="test사진">';appendHtml += '</span>';console.log(appendHtml);//결과 <span class="pic"><img class="img_acircle" src="www.test.com.kr/image/static/test.JPG" alt="test사진"></span>
2. 제이쿼리를 이용해서 만들기
var appendHtml = $('<span/>', {'class': 'pic'} ).append($('<img/>',{'class':'img_acircle','src': imageUrl,'alt':'test사진'}))[0].outerHTML;console.log(appendHtml);//결과 <span class="pic"><img class="img_acircle" src="www.test.com.kr/image/static/test.JPG" alt="test사진"></span>
1번 방법으로 만드는 것이 가독성이 좋다고 생각한다.
반응형'jQuery' 카테고리의 다른 글
[jQuery] 비동기통신 메소드 $.ajax(), $.get(), $.post() , load() 정리 (0) 2022.02.28 jQuery 사용자 정의 메소드 만들기 ($.fn 확장) (0) 2020.05.30 jQuery for each안에서 return false 사용하기 (0) 2020.03.24 제이쿼리 jQuery closest(), parant(), siblings(), children() (0) 2018.03.03 [제이쿼리] jQuery each (jQuery 반복문) (0) 2017.11.12
