使用jQuery按日期排序子元素时排序结果反复反转的问题排查

你的排序脚本第二次执行时出现顺序反转，核心原因是比较函数逻辑不完整，未覆盖所有元素组合的情况，且返回值不明确：

原代码的问题点 #

1. 仅处理了a元素有日期的场景：当a无日期但b有日期时，代码进入else分支返回undefined（等同于0），这会让排序算法认为两者无需交换位置，导致无日期元素可能插入到带日期元素中间，干扰排序稳定性。
2. 未统一处理日期文本的空白字符：示例中creationDate的文本包含换行和空格，虽然部分浏览器能解析，但可能导致日期解析异常，间接影响排序结果。
3. 排序逻辑的对称性缺失：当比较两个带日期元素时，虽然首次排序能得到降序结果，但由于比较函数未明确处理所有边界情况，在第二次执行时，排序算法可能因元素初始顺序变化，产生反向排序的结果。

修正后的代码 #

function sortingContacts() {
  $('#rgMatches .rows .GroupItem').sort(function(a, b) {
    // 提取并清理日期文本，避免空白字符干扰解析
    const aDateStr = $(a).find('.creationDate').text().trim();
    const bDateStr = $(b).find('.creationDate').text().trim();
    
    // 转换为Date对象，无日期的设为极早时间（确保排在最后）
    const aDate = aDateStr ? new Date(aDateStr) : new Date(0);
    const bDate = bDateStr ? new Date(bDateStr) : new Date(0);
    
    // 降序排序：新日期在前，无日期元素自动排在末尾
    return bDate - aDate;
  }).appendTo('#rgMatches .rows');
}

修正说明 #

• 统一处理空日期：将无日期的元素设为new Date(0)（1970年1月1日），确保它们始终排在带日期元素的后面，符合你“无日期元素不参与排序”的需求（保持相对位置的同时，不会干扰带日期元素的排序）。
• 明确返回值：通过bDate - aDate直接返回毫秒数差值，正数表示b排在a前，负数表示a排在b前，完全符合排序算法的要求，避免返回undefined导致的逻辑混乱。
• 清理空白字符：用trim()去除日期文本的换行、空格，确保日期解析的准确性。

这样修改后，无论执行多少次脚本，带日期的元素都会稳定按降序排列，无日期元素始终排在末尾，不会出现顺序反转的问题。

内容的提问来源于stack exchange，提问作者mm1975