Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery jq查找图像并删除下一个标记_Jquery - Fatal编程技术网

Jquery jq查找图像并删除下一个标记

Jquery jq查找图像并删除下一个标记,jquery,Jquery,我有一个问题,wordpress在不应该的地方给出了单独的p标签,将图像从段落中抛出,并且没有使if在应该的地方浮动 所以我明白了 <p> <img /> </p> <p> TEXT </p> 和正如@lbazemonger所说,需要研究更多的代码 请记住,在wordpress中使用_content()时,整个输出始终按原样封装在中 而且,如果我没有弄错的话,您在wordpress中编写的html也是事先转义的,这样您就不会得到重复的

我有一个问题,wordpress在不应该的地方给出了单独的p标签,将图像从段落中抛出,并且没有使if在应该的地方浮动

所以我明白了

<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);
    });
});