6

次のdivの後にdivを移動するにはどうすればよいですか。たとえば、ここに3つの異なるdivがあります。

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

2番目のdivの後に最初のdivを移動したい。これはdiv2、最初にdiv1なり、2番目になることを意味します。同じhtml形式がたくさんあります。

jqueryを実行したい

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

これが意味をなさない場合はお知らせください。

4

2 に答える 2

27

.next()要素を取得し、それを.after () に配置できます

また

.next()要素を.insertAfter()することができます

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

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

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

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


});
于 2012-04-04T04:19:37.107 に答える
11

ここでは、jQuery の方法で DOM を使用してカット ペースト操作を行う方法を示します。

Var temp=  $(“div1”).detach(); //Performs the cut operation
temp.insertAfter(“div2”);  //Does the paste
于 2012-04-04T04:21:25.703 に答える