본문 바로가기
javaScript/J Query & 스크립트

parent / appendTo 해당 엘리먼트를 특정위치의 부모노드에 넣기

by mooyou 2019. 4. 19.
728x90
300x250
SMALL

새로 생성된 div가 특정 위치 안에 있어야 할경우

 $( "#id" ).appendTo( $( ".class" ) );

appendTo를 이용해서 이런식으로 넣어주면 된다.

해당 아이디 값이 해당 클래스 값으로 들어간다

 

그러나 옮겨야할 위치에 해당하는 클래스와 같은 이름이 많으면 모든 클래스에 id 값이 포함돼서

대략 난감한 상황이 된다.

 

var parentTag = $( "#id1" ).parent();
 $( "#id2" ).appendTo( $( parentTag ) );

그래서 parent를 이용해서 이렇게 해줌

변수로 지정 해서 특정 id 값의 부모값을 넣고 여기로 이동하도록 하는 방식이다.

부모의 부모 위치도 가능하다

var parentTag = $( "#id" ).parent().parent();
728x90
반응형
LIST

댓글