jquery - 如何使用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()这样做:

$("#panel3").insertAfter("#panel1");​​​​​​​​​​​​​​

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