jQuery技术求助：移除caption标签并保留内部内容的实现问题

问题出在你混淆了WordPress短代码和HTML DOM元素：你写的$("caption")是在查找HTML的<caption>标签，但你的内容里的[caption]是WordPress的短代码——它不是页面加载后的DOM节点，所以jQuery根本找不到这个元素，导致代码没生效。

根据你的使用场景，分两种情况给出解决方案：

场景1：处理页面加载后已解析的HTML #

如果WordPress已经把短代码渲染成了标准的HTML结构（通常是<figure class="wp-caption">包裹图片和说明文字），可以用以下jQuery代码替换：

// 定位到WordPress生成的caption容器
$("figure.wp-caption").replaceWith(function() {
  // 只保留容器内的img元素
  return $(this).find("img");
});

场景2：处理原始的短代码文本 #

如果你拿到的是未解析的原始短代码字符串（比如在编辑器中处理，或者通过接口获取的原始内容），需要用正则表达式做字符串替换：

// 假设原始短代码内容存储在content变量中
const content = '[caption id="attachment_12543" align="aligncentre" width="583"]<img class="wp-image-12543 size-full" src="https://tpc.googlesyndication.com/simgad/11307931562035142140" alt="" width="583" height="400">[/caption]';

// 正则匹配并提取短代码内部的图片内容
const cleanedContent = content.replace(/\[caption.*?\](.*?)\[\/caption\]/s, '$1');

// 输出结果就是纯图片标签
console.log(cleanedContent);

这个正则的作用：

• \[caption.*?\]：匹配开头的[caption]短代码标签（非贪婪匹配避免过度匹配）
• (.*?)：捕获短代码内部的所有内容（这里就是你的img标签）
• \[\/caption\]：匹配结尾的[/caption]标签
• s修饰符：让.可以匹配换行符，兼容内部有换行的情况

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