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

Question

如何在下一个 div 之后移动 div。例如，我有 3 个不同的 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