[jQuery] clone() - text() 또는 html() 사용시 텍스트만 지우고 태그는 남기는 방법

방법1) 텍스트를 지우기 : clone()을 이용하여 복사하고, 내용 삭제(empty) 이후 append 처리

var clone1 = jQuery('.product-share span.share-title').clone();
var clone2 = jQuery('.product-share ul.menu-social-icons').clone();
jQuery('.product-share').empty();
jQuery('.product-share').append(clone1);
jQuery('.product-share').append(clone2);

결과 :

방법2) 텍스트를 변경하기 : children()을 이용하여 변수에 요소 저장 후 텍스트 변경, 이후 append 처리

<div>Click
	<span class="ico rightArr"> ></span>
</div>

var cloneEle = $('div').children();
$('div').text('No Click');
$('div').append(cloneEle);

결과 :

<div>No Click
	<span class="ico rightArr"> ></span>
</div>

※ 예제2 출처 : Webisfree.com - [제이쿼리] text() 또는 html() 사용시 텍스트만 지우고 태그는 남기는 방법