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'标签).