jQuery
앞에 추가하다

컨테이너에 요소 추가

해결책 1 :

 $('#parent').prepend($('#child')); 

해결책 2 :

 $('#child').prependTo($('#parent'));

두 솔루션은 요소의 앞에 추가된다 #child 요소에 (시작 부분에 추가) #parent .

전에:

<div id="parent">
  <span>other content</span>
</div>
<div id="child">

</div>

후:

<div id="parent">
  <div id="child">

  </div>
  <span>other content</span>
</div>

앞에 붙이는 방법

prepend() - 매개 변수로 지정된 내용을 일치 요소 집합의 각 요소의 시작 부분에 삽입합니다.

1. prepend( content [, content ] )

// with html string
jQuery('#parent').prepend('<span>child</span>');
// or you can use jQuery object
jQuery('#parent').prepend($('#child'));
// or you can use comma seperated multiple elements to prepend
jQuery('#parent').prepend($('#child1'),$('#child2'));

2. prepend(function)

JQuery version: 1.4 이후에는 콜백 함수를 인수로 사용할 수 있습니다. 인수의 집합에서 요소의 인덱스 위치와 요소의 이전 HTML 값으로 인수를 얻을 수 있습니다. 함수 내, this 세트 내의 현재의 구성 요소를 지칭한다.

jQuery('#parent').prepend(function(i,oldHTML){      
     // return the value to be prepend
     return  '<span>child</span>';
});