javascript - 将一个 div 移到它的父元素之前

标签 javascript jquery html

<分区>

我正在尝试获取一个 div(在本例中为“childDiv2”)及其内容并将其移动到其父级之前。

所以基本上就拿这个

<div id="parentDiv">
   <div class="childDiv1">
     <div class="contents"></div>
     <div class="contents"></div>
     <div class="contents"></div>
   </div>
   <div class="childDiv2">
     <div class="contents"></div>
     <div class="contents"></div>
     <div class="contents"></div>
   </div>
</div>

然后做成这个

<div class="childDiv2">
  <div class="contents"></div>
  <div class="contents"></div>
  <div class="contents"></div>
</div>
<div id="parentDiv">
   <div class="childDiv1">
     <div class="contents"></div>
     <div class="contents"></div>
     <div class="contents"></div>
   </div>
</div>

我知道我可能需要使用 .parent() 和 .before() 才能让它工作,但我对 jquery 的外观很困惑。有什么想法吗?

最佳答案

您将使用 .insertBefore() method :

$('#parentDiv .childDiv2').insertBefore('#parentDiv');

关于javascript - 将一个 div 移到它的父元素之前,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29324282/

相关文章:

javascript - 我应该使用 Meteor.startup() 还是 $(function() {})

javascript - YUI 和/或 jQuery 用于新项目?

javascript - 更改不使用 id 的标签的类

javascript - 单击按钮时防止表格 tr clickable-row

javascript - 使用 jquery load 根据单选值加载 html 内容

jquery - 使用 javascript 数组删除 li 标签

html - 按钮垂直居中内容但 div 不

javascript - 如何在javascript中链接?

javascript - 如何获取 DIV 的值

html - em 中的媒体查询不受基本字体大小的影响