除第 1 段外的所有段落环绕 Div

Question

无法使其正常工作，因此它适用于每个帖子。

https://jsfiddle.net/haymanpl/htuczx5q/

<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>

<div class="text">

<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>

这是 WordPress 帖子的示例，您可以对其进行编辑以放置有关您自己或您的网站的信息，以便读者知道您来自哪里。您可以创建任意数量的帖子，以便与您的读者分享您的想法。

 </div>

$( "p:first-child" ).after(function() {

    return '<div class="text">';

    });

这可行，但它添加了我不想要的结束 div 标签，因为我需要使用 last-child 添加它。

   $('p:first-child').after( $('<div class="text">') );

我正在尝试将多个段落包装在一个 div 中，不包括第一个。我需要在第一段之后插入，然后在最后一段之后插入结尾。

Answer 1

这里有一个解决方案https://jsfiddle.net/htuczx5q/3/

$('p').not('p:first').wrap('<span class="text" />')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>


<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>

我用过jQuery wrap。它将包装除first paragraph 之外的所有paragraph。

要针对特定​​的帖子（段落），可以通过三种方式完成：

类名
$('p.className').not('p:first').wrap('<span class="text" />');

ID
$('p#id').not('p:first').wrap('<span class="text" />');

数据属性
$('p[data-attr="post1"]').not('p:first').wrap('<span class="text" />');

希望这会对你有所帮助。