prototypejs 에서 element 순서 바꾸기

발생일: 2009.04.23

문제:
prototypejs 를 이용해 Element의 순서를 바꾸려고 한다.
Element.insert 구문을 사용하여 append 하려는 것이 아니라 원하는 위치에 넣고 싶은데...

해결책:
Element.insert 구문을 사용하면 된다. (prototypejs 의 insert API)

insert 구문은 append 기능 뿐만 아니라 동일한 레벨의 추가도 가능하다.
(동일한 레벨의 추가에 대한 예제를 적어둔 블로그가 있다.)


예를 들어,
'sample' element 의 위치를 동일한 레벨에 있는 이전의 Element 앞으로 이동(자리바꿈)하고 싶다면,

if (sample.previous()) { // 이전 element가 존재하면
    // 이전 element의 앞에 sample element를 추가한다
    Element.insert(sample.previous(), { 'before': sample });

}

와 같이 해주면 간단하게 해결할 수 있다.