필수 위치에 기존 div에 내용 추가

Question

예에서와 같이 기존 div 사이에 새 div를 추가하고 싶습니다.

<div id='container1'>Some contents</div> 
<div id='container2'>Some contents</div> 
<div id='container3'>Some contents</div> 
<div id='container4'>Some contents</div> 
<div id='container5'>Some contents</div> 

이제 AJAX를 사용하여 컨테이너 4 다음에 컨테이너 5 앞에 무언가를 추가한다고 가정합니다.

Javascript를 사용하여 어떻게 수행 할 수 있습니까 ??

Answer 1

.append에서 Jquery는 매개 변수로 지정된 내용을 일치 요소 집합의 각 요소 끝에 삽입합니다.

$("#container4").append("<div>Something</div>"); 

또는 .before를 사용하십시오. 기존 div에 새 div를 추가합니다.

$("#container5").prepend("<div>Something</div>"); 

이 부분은 demo을 참조하십시오.

Answer 2

당신은 jQuery를 쉽게이 작업을 수행 할 수 있습니다

$("#container4").after("text to append"); 

Answer 3

내가 jQuery를 사용을 보여주는거야 .after() Here documentation

Answer 4

사용 JQuery와, 당신은 아이디어를 얻을 수 있습니다

jQuery('<div/>', { 
    id: 'container6' 
}).appendTo('#container4'); 

또는

$("#container5").before("<div></div>");