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

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

您可以在头部添加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>