如何用jQuery获取指定类名元素中重复次数最多的文本内容？

需求说明 #

需要从class为service_list的元素下的所有<span>标签中，找出出现次数最多的文本内容。在你的场景中，服务编号1（原英文：Service number 1）是重复出现次数最多的文本。

实现方案（JavaScript） #

通过DOM操作获取目标元素，统计文本出现频率后找出最大值：

// 选择所有.service_list下的span元素
const targetSpans = document.querySelectorAll('.service_list span');
// 初始化统计对象
const textCount = {};

// 遍历元素，统计文本出现次数（去除前后空格避免误差）
targetSpans.forEach(span => {
  const cleanText = span.textContent.trim();
  textCount[cleanText] = (textCount[cleanText] || 0) + 1;
});

// 找出频率最高的文本
let maxOccurrence = 0;
let mostFrequentText = '';

for (const [text, count] of Object.entries(textCount)) {
  if (count > maxOccurrence) {
    maxOccurrence = count;
    mostFrequentText = text;
  }
}

// 输出结果
console.log(`出现频率最高的文本：${mostFrequentText}，共出现${maxOccurrence}次`);

关键说明 #

• 使用textContent.trim()去除文本前后的空格，避免因格式差异（比如示例中部分span文本前有空格）导致统计错误。
• 遍历统计对象时，实时更新最大出现次数和对应文本，最终得到结果。

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