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>

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

我想追加这个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");

您可以在demo

中的html上对其进行测试

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

1 个答案: