javascript - 在 jquery 中上下移动元素

标签 javascript jquery html css

我有两个这样的元素

<div class="div1">Slider</div>
<div class="div2">User Profile</div>

我希望这个元素结构像这样加载(使用:jquery、javascript、css)

<div class="div2">User Profile</div>
<div class="div1">Slider</div>

最佳答案

使用 insertBeforeprev 选项。

$('.div2').insertBefore($('.div2').prev('.div1'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="div1">Slider</div>
<div class="div2">User Profile</div>

关于javascript - 在 jquery 中上下移动元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53736400/

相关文章:

javascript - 如何使用 window.document.write 渲染将 HTML 写入新选项卡?

javascript - 从嵌套在 div 中的 img 发送 src

jQuery 和 CSS - 如何阻止相关元素左右浮动(滚动时)?

javascript - Materialise CSS - Select 在 DOM 中没有名称或正确的值

javascript - 如何通过 Javascript 在两个 div 之间添加一个 div

javascript - Flex slider 似乎在 CSS 之前加载

javascript - 返回数据库中插入对象的信息

c# - 如何从 dll 依赖项创建 CCW

javascript - CasperJS/PhantomJS 无法加载 https 页面

javascript - 单击时淡入元素并隐藏更多按钮(如果为空)