Jquery jq查找图像并删除下一个标记
我有一个问题,wordpress在不应该的地方给出了单独的p标签,将图像从段落中抛出,并且没有使if在应该的地方浮动 所以我明白了Jquery jq查找图像并删除下一个标记,jquery,Jquery,我有一个问题,wordpress在不应该的地方给出了单独的p标签,将图像从段落中抛出,并且没有使if在应该的地方浮动 所以我明白了 <p> <img /> </p> <p> TEXT </p> 和正如@lbazemonger所说,需要研究更多的代码 请记住,在wordpress中使用_content()时,整个输出始终按原样封装在中 而且,如果我没有弄错的话,您在wordpress中编写的html也是事先转义的,这样您就不会得到重复的
<p> <img /> </p> <p> TEXT </p>
和正如@lbazemonger所说,需要研究更多的代码
请记住,在wordpress中使用_content()时,整个输出始终按原样封装在中
而且,如果我没有弄错的话,您在wordpress中编写的html也是事先转义的,这样您就不会得到重复的
我认为移动版可能会有这样的情况:
<p> <img /> TEXT </p>.
根据您的标记,使用jQuery确实可以实现您的目标。正如我在您的问题下所评论的,您可能希望以某种方式限制下面代码中使用的p>img
选择器,除非您确实希望文档中的所有图像触发DOM更新
也就是说,只需在包含图像的元素之后匹配
元素的名称,然后在第一个元素下面匹配,然后删除第二个元素
但是,由于删除一个元素不会破坏其子代树,因此我们实际上可以在重新分配其内容之前删除第二个
元素,这允许我们将整个操作链接为:
<p>
<?php the_content();?>
</p>
您可以在中测试上述代码。如果您将wordpress的输出卸载到一个div中,然后使用JQ操作html代码会怎么样。jQuery通过操作DOM而不是html工作,因此它不可能只删除一个结束标记。你的问题可能可以用CSS解决,但是如果不看更多的代码,很难说最好的方法是什么。有没有这些元素(或祖先)公开的类允许我们限制选择器?您可能不希望文档中的所有图像都出现这种情况。移动版本周围没有p标记,只是一个div我没有足够的代码,问题是调用了许多函数,其中许多函数我不知道从何处调用,如果我知道解析是在哪里完成的,我可以做一些事情,但是因为这是我的第一个wp项目,我不知道发生了什么,我会发布wp/php,但是在很多地方都有,我不知道从哪里开始谢谢!这在我的示例中是有效的-但是,我对jq是新手,所以我不确定如何根据源代码找到准确的图像。此外,图像中的空p标记保留在html中,我得到了一些额外的空间-我能够删除它们吗?最后,p>img对于p标签中的每个图像都是这样的,对吗?我猜我需要像.src(这里的图像源)这样的东西,而不是.each()?无论如何,非常感谢!抱歉-有一些额外的空p标签,所以我认为它是从图像,jq实际上删除了那些我想删除的。
$(document).ready(function() {
$("p > img").each(function() {
var $p = $(this).parent();
$p.next("p").remove().contents().appendTo($p);
});
});