Datatables排序问题：如何忽略HTML标签按数值排序？

问题原因 #

现有代码仅能处理单元格内单条编号的情况，当单元格包含多条带换行的编号时，$(data).text()会把所有文本合并成无分隔的字符串（比如AA-EC-2019-82AA-EC-2019-81AA-EC-2019-71），导致split('-')解析出的内容完全错误，排序逻辑失效。

解决方案 #

通过正则表达式提取单元格内所有符合格式的编号，对每个编号解析出可排序的数值，最终取该单元格的最大数值作为排序依据（确保包含2019-82的行排在2019-58之后）。

修改后的代码 #

$(document).ready(function() {
  $('#example_full').DataTable({ 
    lengthMenu: [[10, 20, 30, 40, 50, -1], [10, 20, 30, 40, 50, "All"]],
    responsive: true,
    paging: true,
    searching: true,
    lengthChange: true,
    bInfo: true,
    bSort: true,
    
    columnDefs: [
      {
        targets: 0,
        render: function (data, type, row) {
          if (type === 'sort' || type === 'type') {
            // 提取所有符合AA-EC-YYYY-NNN格式的编号
            const idPattern = /AA-EC-(\d{4})-(\d+)/g;
            const text = $(data).text();
            let match;
            let maxSortValue = 0;
            
            // 遍历每个匹配到的编号
            while ((match = idPattern.exec(text)) !== null) {
              const year = parseInt(match[1], 10);
              const num = parseInt(match[2], 10);
              // 转换为统一排序值：年份*1000 + 数字（确保三位数数字不会乱序）
              const sortValue = year * 1000 + num;
              // 记录最大的排序值
              if (sortValue > maxSortValue) {
                maxSortValue = sortValue;
              }
            }
            
            return maxSortValue;
          }
          return data;
        }
      }
    ]
  });
});

代码说明 #

• 正则提取：用/AA-EC-(\d{4})-(\d+)/g匹配所有符合格式的编号，不管单元格内有多少条、有没有HTML标签或换行。
• 数值转换：将年份和数字转换为年份*1000 + 数字的整数（比如2019-82转为2019082，2019-58转为2019058），确保数值排序的正确性。
• 取最大值：对于包含多个编号的单元格，使用最大的排序值，这样升序时包含2019-82的行会排在2019-58之后，符合需求。

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