jQuery正则表达式未生效，动态更新结果无法显示

首先得指出你原代码里的几个关键问题，这些是导致你没得到预期效果的核心原因：

• 变量声明语法错误：var = test $(this).html(); 写法不符合JS语法规范，正确格式应该是 var 变量名 = 值
• 错误操作了<img>元素的html()：<img>是自闭合标签，本身没有内部HTML内容，你需要操作它的父元素<h2>的内容才能拿到完整的目标文本和图片结构
• 正则表达式过于冗余：完全不需要匹配整个<h2>标签的完整结构，只需要定位到"test"和img之间的多余空格即可

修正后的代码方案 #

我给你两种实现方式，选你觉得顺手的就行：

方式一：遍历H2并手动更新内容

$('h2').each(function(){ 
  // 获取当前H2的完整HTML内容
  var currentHtml = $(this).html();
  // 匹配"test"后面的一个或多个空格，替换为空让图片紧跟文本
  var updatedHtml = currentHtml.replace(/test\s+<img/gi, 'test<img');
  // 把处理后的内容放回H2标签
  $(this).html(updatedHtml);
});

方式二：使用jQuery的html回调函数（更简洁高效）

jQuery的html()方法支持传入回调函数，它会自动遍历每个匹配元素，把旧的HTML内容传给你，你返回处理后的内容即可完成更新：

$('h2').html(function(index, oldHtml) {
  // 移除"test"和img之间的所有多余空格
  return oldHtml.replace(/test\s+<img/gi, 'test<img');
});

额外拓展说明 #

• 正则里的\s+会匹配一个或多个空白字符（包括空格、换行、制表符等），确保所有冗余空白都被清理
• 如果你的需求不止是处理"test"后面的空格，而是要移除所有文本与img标签之间的多余空格，可以把正则改成/(\S)\s+<img/gi，替换成$1<img，这样就能匹配任意非空白字符后的空格+img，统一完成空格清理

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