detach 메서드

detach 메서드는 선택한 요소를 복원 가능한 상태로 제거합니다. 이 메서드는 나중에 삭제된 요소를 다시 삽입하려 할 때 편리합니다.

구문

이렇게 하면 요소를 제거합니다. 추가적으로 선택 매개변수 selector를 메서드에 전달하여 선택된 요소를 필터링할 수 있습니다:

javascript.detach([선택자]);

예제

detach 메서드를 사용하여 #test 단락을 삭제하고, div에 요소를 삽입하기 위해 appendTo 메서드를 사용하여 복원해 보겠습니다:

html<p id="test">텍스트</p>
<div></div>
javascriptlet $elem = $('#test');

$elem.detach(); // 요소 삭제
$elem.appendTo('div'); // 요소를 페이지에 다시 삽입

HTML 코드는 다음과 같이 됩니다:

html<div><p id="test">텍스트</p></div>

함께 보기

  • remove 메서드,
    복원 없이 요소를 삭제합니다
  • empty 메서드,
    선택한 요소의 내용을 삭제합니다
  • JavaScript remove 메서드,
    요소를 삭제할 수 있습니다