JQuery - 新しい要素を作成して既存の要素に追加します

Question

私は4つのdiv列をSortableにしました。ポートレットを作成して特定の列に追加する必要があります。

私が持っている現在のコードは次のとおりです。私は#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"); 

あなたは