如何将节点元素移动到其父元素中的第一个元素

Question

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='parent'>
  <div>B</div>
  <div>C</div>
  <div onload='this.parentNode.prependChild();'>A</div>
</div>

我尝试使用内联脚本将<div>A</div>移动到所有子元素的顶部，但是没有使用prependChild()，我的错误是什么？

Answer 1

您只能将onload事件处理程序附加到body元素。但是，将最后一个子项移动到其父项中的第一个是相当简单的：

$('#parent').prepend($('#parent > div:last-child'))

down vote
favorite
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='parent'>
  <div>B</div>
  <div>C</div>
  <div>A</div>
</div>

Answer 2

你可以在head部分添加javascript并在那里有一个window.onload。以下内容将元素放在父div中。这是香草javascript。哪个甚至可以用jQuery ...你的选择！

window.onload = function() {
  var parent = document.getElementById("parent");
  var elem = document.getElementById("thisone");
  parent.prepend(elem);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='parent'>
  <div>B</div>
  <div>C</div>
  <div id="thisone">A</div>
</div>