노드 이동

01_소개

노드 이동은 노드 추가와 동일한 append() appendTo(), insertAfter() after() insertBefore() before() 메서드를 사용하며 방법 역시 거의 동일하다. 차이점이라면, 사용하는 메서드에 넘겨주는 매개변수 값이 신규 노드라면 추가가 되고 기존 노드라면 이동된다. 

 

 

01_1첫번째 자식 노드로 이동

$부모노드.prepend($이동노드)
$이동노드.prependTo($부모노드)

 

기존 노드를 특정 노드의 첫번째 자식 노드로 이동하고 싶은 경우 신규 노드 추가에서 사용한 prepend()또는 prependTo() 메서드를 이용한다.

 

01_2 마지막번째 자식 노드로 이동

$부모노드.append($이동노드)
$이동노드.appendTo($부모노드)

append()와 appendTo()를 이용하면 기존 노드를 특정 노드의 마지막 자식 노드로 이동시킬 수 있다. 

 

01_3 특정 노드의 이전 노드로 이동

 

$이동노드.insertBefor($기준노드)
$기준노드.before($이동노드)

insertBefore()와 before()를 이용하면 특정노드의 이전 노드로 이동시킬 수 있다.

 

01_4 특정 노드의 다음 노드로 이동

$이동노드.insertAfter($기준노드)
$기준노드.after($이동노드)