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之间。

Answer 2

使用appendTo将div添加到现有div ...但如果要在两个div之间插入，请使用after()和before()

为主要div提供ID MainDiv并使用urdiv.appendTo("MainDiv");

$("#panel2").before("#panel3");

Answer 3

您可以使用 after()

$("#panel1").after($("#panel3"));

如何使用jquery在div中添加div

3 个答案: