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>

我想要删除仅在div类“gallery_lightview”之间显示的<a>标记，并保留<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'标记）。

Answer 2

$（ 'IMG'）insertAfter（ 'A'）。在“img”

之后获取并插入元素“a”

$（ 'a'）中除去（）; 删除元素'a'

Answer 3

抱歉，只是想了一下。它实际上是在移动网站上进行的。所以...我选择不使用jQuery（减少负载，因为我不需要大多数jQuery功能）。

无论如何，这可以在一个自包含的Javascript中完成，<head>中没有？

我原以为它会在Wordpress“the_content”调用之前就坐，因为这就是div所在的位置。任何帮助？

很抱歉这个混乱。

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

3 个答案: