jQuery-创建新元素并将其附加到现有元素

Question

我有4个可排序的div列。 我想创建一个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>

有人可以告诉我如何在#ToDo附加新的.portlet吗？

我想要附加这个html

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

Answer 1

您可以使用.after()在另一个元素（选择器）之后插入html。 在您的情况下使用

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

您可以在演示中的html上对其进行测试