javascript - jQuery：根据孩子的类型对孩子进行排序

Question

我在处理我的代码时遇到了很大的麻烦。我正在重新设计外观，所以有新的事情要做。基本上，我有一个父元素，它的子元素很少，有两种类型，我想排序，p标签位于顶部，div标签位于最后：

<div id="parent">
   <p></p>
   <div></div>
   <p></p>
</div>

变成：

<div id="parent">
   <p></p>
   <p></p>
   <div></div>
</div>

Answer 1

如果您所做的只是将元素移动div到父元素的末尾，那么您实际上不需要排序。只需div从 DOM 中分离元素，然后将它们附加到父级。

$('#parent div').detach().appendTo('#parent');

示例小提琴