jquery – 删除任何包含img子句的段落标记,但不要删除img

我正在使用CMS(ExpressionEngine)来包装图像周围的段落标记.我正在使用响应式图像(最大宽度：100％),因为我也在我的段落上定义宽度,这会导致问题.我想使用jQuery删除包围图像的段落标记.我也希望能够从图像中删除宽度和高度属性,因为这些不需要与max-width结合使用：100％.

以下是修改前的HTML示例：

<div class="content">
<p>Hello! This is text content in a blog post.</p>
<p><img src="hello.jpg" width="300" height="300" alt="Hello!" /></p>
<p>This is more text content in the blog pst.</p>
</div>

……这就是我想要的结果：

<div class="content">
<p>Hello! This is text content in a blog post.</p>
<img src="hello.jpg" alt="Hello!" />
<p>This is more text content in the blog pst.</p>
</div>

我可以将ExpressionEngine的字段格式从“XHTML”更改为“none”,但这需要发布内容的人写HTML,我宁愿避免.谢谢你的帮助！

这应该做你想要的：

$('p > img').removeAttr('height').removeAttr('width').unwrap();

这适用于< img>包裹在< a>：

$('p > a > img').removeAttr('height').removeAttr('width').parent().unwrap();