如何用jQuery或JavaScript移除字符串中包含'text'的单词？

嘿，我来帮你搞定这个需求！不管用原生JavaScript还是jQuery，都能轻松实现，下面给你详细的方案：

一、原生JavaScript实现 #

这是最直接的方式，不用依赖任何库，步骤清晰易懂：

// 你的原始字符串
const string = 'Text lorem ipsum text-1 text-2';

// 1. 把字符串按空格拆分成单词数组
const wordsArray = string.split(' ');

// 2. 过滤掉所有包含'text'的单词（不区分大小写，适配你示例里的'Text'和'text-*'）
const filteredWords = wordsArray.filter(word => {
  return !word.toLowerCase().includes('text');
});

// 3. 把过滤后的数组重新拼成字符串
const finalResult = filteredWords.join(' ');

console.log(finalResult); // 输出结果："lorem ipsum"

如果你的需求是严格区分大小写（比如只删小写的'text'相关单词，保留大写'Text'），那去掉toLowerCase()就行，改成!word.includes('text')。

二、jQuery实现 #

其实jQuery本身没有专门的字符串处理工具，核心还是用JavaScript的逻辑，只是如果要处理页面DOM元素里的文本，会更方便：

比如假设页面中有个元素id="content"，里面的文本是你的目标字符串，那可以这样处理：

// 获取元素里的原始文本
const originalText = $('#content').text();

// 用和原生JS一样的逻辑过滤
const processedText = originalText.split(' ')
  .filter(word => !word.toLowerCase().includes('text'))
  .join(' ');

// 把处理后的文本放回元素
$('#content').text(processedText);

三、正则表达式简化写法 #

如果你喜欢更简洁的方式，用正则表达式一行就能搞定：

const string = 'Text lorem ipsum text-1 text-2';
const result = string.replace(/\b\w*text\w*\b/gi, '').trim().replace(/\s+/g, ' ');
console.log(result); // 输出："lorem ipsum"

解释一下正则的含义：

• \b：匹配单词边界，确保我们找的是完整的单词
• \w*：匹配任意数量的字母/数字/下划线，适配'text-1'这种带后缀的情况
• text：我们要匹配的关键词
• gi：g表示全局匹配所有符合的单词，i表示不区分大小写
• 最后用trim()去掉前后空格，replace(/\s+/g, ' ')把多个连续空格替换成单个，避免结果出现多余空格

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