使用jQuery each()重新排序DOM元素顺序

使用jQuery each()重新排序DOM元素顺序可以通过以下步骤实现：

首先，使用jQuery选择器选择要重新排序的DOM元素的父元素，例如使用类选择器选择所有需要重新排序的元素的父元素：$('.parent-element')。
使用jQuery的each()方法遍历选中的父元素下的所有子元素，例如：$('.parent-element').children().each(function(index, element) { ... })。
在each()方法的回调函数中，可以获取到当前遍历的子元素以及其索引。根据需要的排序逻辑，可以使用jQuery的insertBefore()或insertAfter()方法将子元素插入到正确的位置。
最后，可以使用jQuery的detach()方法将重新排序后的子元素从父元素中移除，并使用appendTo()或prependTo()方法将其重新插入到父元素中，以完成DOM元素的重新排序。

以下是一个示例代码：

$('.parent-element').children().each(function(index, element) {
  // 根据需要的排序逻辑，例如按照子元素的某个属性值进行排序
  // 这里假设子元素有一个data-order属性表示排序顺序
  var order = $(element).data('order');
  
  // 将子元素插入到正确的位置
  $('.parent-element').children().each(function(i, el) {
    if (i > index && $(el).data('order') > order) {
      $(element).insertBefore(el);
      return false; // 结束循环
    }
  });
});

// 将重新排序后的子元素重新插入到父元素中
$('.parent-element').children().detach().appendTo('.parent-element');

这样，使用jQuery each()重新排序DOM元素顺序的操作就完成了。

关于jQuery each()方法的详细说明和用法，可以参考腾讯云的jQuery文档：jQuery.each()方法。