Question

如何在下一个div之后移动div。例如，我有三个不同的div坐在这里。

<div class="div1">Div1</div>
<div class="div2">Div2</div>
<div class="div3">Div3</div>

我想在第二个div之后移动第一个div。这意味着div2将是第一个，div1将是第二个。我有一堆相同的html格式。

我想执行类似

的jquery

$(".div1").each(function() {
    $(this).appendTo().$(this).after();
});

如果这没有意义，请告诉我。

Answer 1

您可以获取.next()元素，并将其.after()

或

您可以.insertAfter() .next()元素

http://jsfiddle.net/kFTc5/1/

$(".div1").each(function() {
    var item = $(this);

    //either this:
    item.next().after(item);

    //or this:
    item.insertAfter(item.next());


});

Answer 2

以下是如何使用jQuery方式使用DOM剪切粘贴操作。

Var temp=  $(“div1”).detach(); //Performs the cut operation
temp.insertAfter(“div2”);  //Does the paste

如何在下一个div之后移动div

2 个答案: