javascript - 使用 Javascript 移动一行中的列

Question

我将网页分为3 列，如下所示。并用 javascript 中的图像填充 div。

<div id="fullPage" class="image-motion-wrapper">
    <div class="row">
        <div class="col-md-4" align="left" id="left">   
        </div>
        <div class="col-md-4" align="center" id="center">   
        </div>
        <div class="col-md-4" align="right" id="right">     
        </div>
    </div>
</div>

现在我需要使用 Javascript 从左到右移动第一个列(带有它的图像)。

我该怎么做？

Answer 1

您应该自己尝试一下。 我为你创建了一个 fiddle 。一个非常简单的。试一试它会有助于理解这个概念。

  $("#left").insertAfter($("#right"));

fiddle1

$("#left").insertAfter($("#right"));
$("#center").insertAfter($("#right"));

fiddle2