php - jQuery 或 Javascript 解决方案删除特定标签但保留其余部分

Question

我有一个看起来像这样的 div 结构......

<div class="gallery_lightview">
<div id="lg_image">
<a href="http://www.website.com/?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" class="lightview_main" title="TITLE HERE">
<img class="alignnone" src="HEADER.jpg" alt="" />
</a>
</div>
</div>

我想做的是删除 <a>仅在 div 类“gallery_lightview”之间显示并离开 <img> 的标签标签。所以一旦它全部剥离出来，它看起来就像......

<div class="gallery_lightview">
<div id="lg_image">
<img class="alignnone" src="HEADER.jpg" alt="" />
</div>
</div>

基本上使它成为一个不可点击的图像。这可能吗？

Answer 1

$('.gallery_lightview').find('img').unwrap();

找到具有类 gallery_lightview 的元素，找到它的所有子元素(无论嵌套有多深)是“img”元素，然后删除它们的每个直接父元素(在本例中为“a”标签)。