jQuery如何移除短横线及后续内容并保留字符串逗号分隔格式

实现方案 #

该需求核心为字符串处理逻辑，原生JavaScript即可实现，若需结合jQuery完成DOM内容的读写可参考以下代码：

核心处理函数

function processRawStr(rawStr) {
  // 按逗号拆分原始字符串为独立片段数组
  return rawStr.split(',').map(fragment => {
    // 截取每个片段短横线前的内容，去除首尾空格
    return fragment.split('-')[0].trim();
  // 拼接处理后的片段为逗号分隔的最终字符串
  }).join(',');
}

结合jQuery的使用示例

假设你需要从页面元素读取原始字符串，处理后再回填到页面：

// 从id为raw-content的元素中读取原始字符串
const inputStr = $('#raw-content').text();
// 调用函数处理
const resultStr = processRawStr(inputStr);
// 将结果写入id为processed-result的元素
$('#processed-result').text(resultStr);

效果验证

输入：XXX - Test Text 1, OOO - Test Text 2, Dummy
输出：XXX,OOO,Dummy
该逻辑对片段数量无额外限制，完全满足最多10个片段的使用要求。

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