가희의자기개발블로그

노드 삭제 본문

프론트엔드/JavaScript+JQuery

노드 삭제

가희gahui 2020. 7. 6. 10:21
반응형

01_소개

노드 삭제 방법 역시 노드 이동과 동일하게 가장 먼저 할 일은 제거할 노드를 찾는 것이다. 그 다음 노드를 제거해야 한다.

 

02_특정 노드 삭제

$대상.remove()

특정 노드를 삭제하고 싶은 경우 remove()메서드를 이용한다. 

 

02_모든 자식 노드 삭제

$대상.children().remove()

자식 노드를 모두 삭제할 때에도 remove()메서드를 사용한다.

 

덧붙여 설명하자면 사실 remove()는 특정 노드를 삭제하는 용도이지 내부를 비우는데 사용하기에는 적합하지 않다 이 경우 실무에서는 html()을 이용한다.

 

$("ul").html("");

 

 

반응형

'프론트엔드 > JavaScript+JQuery' 카테고리의 다른 글

on("click") vs click()  (0) 2020.07.08
노드 내용 읽기 및 변경  (0) 2020.07.06
노드 이동  (0) 2020.07.05
노드 생성 및 추가  (0) 2020.07.05
형제 노드 찾기  (0) 2020.07.01
Comments