jquery self unwrap

jquery에서 자기 자신의 태그를 제거하는 방법 입니다.

 

unwrap 을 이용하면 되는데 그냥 쓰면 상위 태그를 지우기 때문에 contents() 함수화 함께 쓰면 됩니다.

 

아래 예제로 확인하세요.

 

Html

 

<div style="display:none;">

abcd efg <span>hijkl</span> mnop

</div>

<textarea rows="10" cols="50"></textarea>

 

 

https://prettycode.tistory.com

Javascript

$(document).ready(function(){

  var before = $("div").html();

  $("span").contents().unwrap();

  var after = $("div").html();

  $("textarea").val(before + "\n" + after);  

});

 

 

https://prettycode.tistory.com

 

 

결과