JQuery - 새 요소를 만들고 기존 요소에 추가합니다.

Question

Sortable 인 4 개의 div 열이 있습니다. 포틀릿을 만들고 특정 열에 추가하려고합니다.

내가 가진 현재의 코드입니다 : 내가 #ToDo의 새로운 .portlet를 추가 할 수있는 방법

<div class="column" id="ToDo"> 
    <h1>TO DO</h1> 
    <div class="portlet" id="1"> 
     <div class="portlet-header">Item 001</div> 
     <div class="portlet-content"> 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit 
     </div> 
    </div> 
</div> 
<div class="column" id="InProgress"> 
    <h1>IN PROGRESS</h1> 
</div> 
<div class="column" id="InReview"> 
    <h1>IN REVIEW</h1> 
</div> 
<div class="column" id="Done"> 
    <h1>DONE</h1> 
</div> 

누군가가 나에게 보여 주시겠습니까?

나는 당신이 다른 요소 (선택) 후 HTML을 삽입하기 .after()을 사용할 수 있습니다이 HTML

<div class="portlet" id="12"> 
    <div class="portlet-header"> NEW ITEM </div> 
    <div class="portlet-content"> SOME STUFF </div> 
</div> 

Answer 1

를 추가 할 수 있습니다. 귀하의 경우에는

$("#ToDo > div:last").after("Your html"); 

당신은