JQuery .detach()

Jmnote bot (토론 | 기여)님의 2020년 11월 2일 (월) 02:53 판 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)

1 개요[ | ]

jQuery .detach()
  • DOM에서 선택된 요소들을 제거하는 jQuery 메소드

2 예시[ | ]

<script src='//code.jquery.com/jquery.min.js'></script>
<script>
var p;
$(function() {
	$( '#btn-detach' ).click(function() {
		if ( p ) return;
		p = $("p").detach();
	});
	$( '#btn-attach' ).click(function() {
		if( !p ) return;
		p.appendTo("div");
		p = null;
	});
});
</script>

<button id='btn-detach'>떼어내기</button>
<button id='btn-attach'>붙이기</button>
<div>
	<p>안녕</p>
	<span>Hello</span>
	<p>친구들</p>
</div>

3 같이 보기[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}