javascript - 使用jQuery将div类定位到另一个div旁边

下面是我当前的html布局，在我的.container类中，我有两个<span>标记，它们分别具有.download-btn和.save-btn类。我希望每当页面加载时，从那里删除那些<span>并放在<div class="share"></div>附近
 标签。

当前布局

<div class="container">
<div class="col-md-6 col-center">
<span class="download-btn">download</span>
<span class="save-btn">save</span>
</div>

<div id="options">
<div class="share"></div>
</div>

页面加载时的预期布局

<div class="container">
<div class="col-md-6 col-center">
</div>

<div id="options">
<span class="download-btn">download</span>
<span class="save-btn">save</span>
<div class="share"></div>
</div>

</div>

请咨询如何继续使用js吗？

最佳答案

使用jQuery，
可以用一行代码完成。

$("#options").prepend($(".save-btn")).prepend($(".download-btn"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="container">

  <div class="col-md-6 col-center">
    <span class="download-btn">download</span>
    <span class="save-btn">save</span>
  </div>

  <div id="options">
    <div class="share"></div>
  </div>

</div>