如果 p 标签围绕图像链接，是否剥离它？

Question

我正在构建网站的平台以所见即所得模式在图像链接周围添加 p 标签，这会弄乱布局。如果 p 标签位于图像周围，我是否可以使用 jQuery 去除它？

<div class="post">
    <p><a href="link"><img src="image"></a></p>
    <p><a href="link"><img src="image"></a></p>
</div>

Answer 1

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

示例： http://jsfiddle.net/6z4Sv/

如果有一些变化p 元素内的层次结构，您可以这样做：

$('p img').closest('p > *').unwrap();

示例： http://jsfiddle.net/6z4Sv/1/

如果您只想影响 div.post >p 源自该类的元素。

您可以根据需要使选择器更加具体或更加具体。