如何使用jquery在div内添加div

Question

我试图使用 jquery 的 add() 在另一个 div 中插入一个 div，但它不起作用

<div class="column" id="col1">
    <div class="portlet" id="panel1">
        <div class="portlet-header">1.Feeds</div>
        <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
    </div>
    <div class="portlet" id="panel2">
        <div class="portlet-header">2.News</div>

        <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
    </div>
</div>

<div class="column" id="col2">
    <div class="portlet" id="panel3">
        <div class="portlet-header">3.Shopping</div>
        <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
    </div>
</div>

实际上 panel1 和 panel2 位于一个 div 内，而 panel3 位于另一个 div 内。我想从其 div 中删除 panel3 并将其放置在其 div 中的 panel1 和 panel2 之间。

Answer 1

您可以使用以下方法执行此操作.insertAfter()：

\n\n

$("#panel3").insertAfter("#panel1");\xe2\x80\x8b\xe2\x80\x8b\xe2\x80\x8b\xe2\x80\x8b\xe2\x80\x8b\xe2\x80\x8b\xe2\x80\x8b\xe2\x80\x8b\xe2\x80\x8b\xe2\x80\x8b\xe2\x80\x8b\xe2\x80\x8b\xe2\x80\x8b\xe2\x80\x8b\n

\n\n

这正如您的问题所述，将panel3其放置在panel1和之间panel2。

\n