JavaScript移除字符串中指定关键字及其对应值的问题

嘿，我明白你的困扰了——现在要做的是取消复选框时，把指定关键字（比如Keyword1）和它冒号后面的对应值一起从文本里删掉，之前的代码只搞定了关键字，没处理后面的值对吧？咱们来调整一下代码，一步到位解决这个问题。

问题根源 #

你之前的代码里，要么只替换了关键字本身，要么正则表达式的写法有问题（比如直接在正则字面量里插入DOM属性值，或者没正确匹配冒号后的内容），导致没法完整移除关键字+值的组合。

修正后的代码方案 #

我帮你重新写了核心逻辑，注释里写清楚了每一步的作用：

if ($(this).attr("data-selected1") == "true") {
  $("#detailChronic").show();
  $(this).attr("data-selected1", "false");
  
  // 先把要移除的关键字存成变量，方便后续使用
  var targetKeyword = $(this).attr("data-id");
  // 获取文本框里的原始内容，顺便去掉首尾空格
  var originalText = $("#txtNote").val().trim();
  
  // 构造正则表达式：精准匹配「关键字: 值」的完整组合
  // 用RegExp构造函数是因为要插入变量targetKeyword
  // 正则逻辑：
  // \\b 确保匹配的是独立的关键字（不会误删包含该关键字的其他词）
  // ${targetKeyword}: 匹配关键字和冒号
  // \\s* 匹配冒号后可能存在的空格
  // [^\\s]+ 匹配冒号后的非空格内容（也就是对应的值）
  // \\s* 匹配值后面可能的空格，避免替换后留下多余空格
  // 'g' 标志表示全局匹配（如果文本里有多个相同关键字的话）
  var removeRegex = new RegExp(`\\b${targetKeyword}:\\s*[^\\s]+\\s*`, 'g');
  
  // 执行替换，把匹配到的「关键字: 值」部分删掉
  var updatedText = originalText.replace(removeRegex, '');
  // 更新文本框的内容
  $("#txtNote").val(updatedText);
  
  if ($("#selectedList").html() == "") {
    $("#detailChronic").hide();
  }
}

特殊情况处理：值包含空格 #

如果你的值里可能有空格（比如例子里的the value），上面的[^\\s]+就没法匹配完整的值了，这时候可以调整正则，匹配到下一个关键字或者文本结尾为止：

// 假设你的关键字都是类似Keyword1、keyword2这种格式
var removeRegex = new RegExp(`\\b${targetKeyword}:\\s*(.*?)(?=\\s*(?:Keyword|keyword)\\w+:|$)`, 'g');

这里的(.*?)是非贪婪匹配，(?=...)是正向预查，会自动停在下一个关键字（比如Keyword2:）或者文本结尾，这样就能完整删掉带空格的值了。

额外提示 #

• 记得先把targetKeyword存成变量，不要在正则里直接写$(this).attr("data-id")，因为正则字面量不支持直接插入动态变量，必须用RegExp构造函数。
• 用\\b单词边界可以避免误删，比如不会把Keyword12里的Keyword1当成目标关键字删掉。

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