如果它围绕一个图像链接剥离p标签？

Question

我正在建立一个网站，在wysiwyg模式的图像链接周围添加p标签，这会弄乱布局。无论如何我可以使用jQuery剥离p标签，如果它围绕着一个图像？

<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。

您可以根据需要或多或少地选择选择器。