Javascript 如何从页面的起点在一定数量的段落后添加内容

我将在第一个类“窗格节点标题”的三段之后添加一个div（我的内容）。基本上我有这样的东西

<div class="field-item even">
  <div>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Pellentesque in ipsum id orci porta dapibus. Curabitur aliquet quam id dui posuere blandit. Cras ultricies ligula sed
    magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Pellentesque in ipsum id orci porta dapibus. Curabitur non nulla sit amet
    nisl tempus convallis quis ac lectus.</div>
  <blockquote>
    <p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Pellentesque in ipsum id orci porta dapibus. Curabitur aliquet quam id dui posuere blandit. Cras ultricies ligula sed
      magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Pellentesque in ipsum id orci porta dapibus. Curabitur non nulla sit amet
      nisl tempus convallis quis ac lectus. HERE HERE</p>
  </blockquote>
  <p><img title="myTitle" height="100" width="100" src="someimage.png" alt=""></p>
  <p>&nbsp;</p>
  <p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Pellentesque in ipsum id orci porta dapibus. Curabitur aliquet quam id dui posuere blandit. Cras ultricies ligula sed
    magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Pellentesque in ipsum id orci porta dapibus. Curabitur non nulla sit amet
    nisl tempus convallis quis ac lectus. **I WANT TO INSERT A CONTENT AFTER THIS !!** </p>
  <blockquote>
    <p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Pellentesque in ipsum id orci porta dapibus. Curabitur aliquet quam id dui posuere blandit. Cras ultricies ligula sed
      magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Pellentesque in ipsum id orci porta dapibus. Curabitur non nulla sit amet
      nisl tempus convallis quis ac lectus.</p>
  </blockquote>
  <p>&nbsp;</p>
  <p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Pellentesque in ipsum id orci porta dapibus. Curabitur aliquet quam id dui posuere blandit. Cras ultricies ligula sed
    magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Pellentesque in ipsum id orci porta dapibus. Curabitur non nulla sit amet
    nisl tempus convallis quis ac lectus.</p>
</div>
</div>
</div>

前庭ac直径位于车辆部件的两侧。莫里斯·布兰迪是一位杰出的艺术家，他是一位杰出的艺术家。ipsum id或dapibus门的Pellentesque。在布朗迪特酒馆的馆长。紫背天牛
门大词典。ipsum id或dapibus门的Pellentesque。这是一个很好的例子，它是一个很好的例子。在布朗迪特酒馆的馆长。ipsum id或dapibus门的Pellentesque。不可为空的馆舍
这是一个令人惊愕的时刻。
前庭ac直径位于车辆部件的两侧。莫里斯·布兰迪是一位杰出的艺术家，他是一位杰出的艺术家。ipsum id或dapibus门的Pellentesque。在布朗迪特酒馆的馆长。紫背天牛
门大词典。ipsum id或dapibus门的Pellentesque。这是一个很好的例子，它是一个很好的例子。在布朗迪特酒馆的馆长。ipsum id或dapibus门的Pellentesque。不可为空的馆舍
这是一个令人惊愕的时刻。在这里



前庭ac直径位于车辆部件的两侧。莫里斯·布兰迪是一位杰出的艺术家，他是一位杰出的艺术家。ipsum id或dapibus门的Pellentesque。在布朗迪特酒馆的馆长。紫背天牛
门大词典。ipsum id或dapibus门的Pellentesque。这是一个很好的例子，它是一个很好的例子。在布朗迪特酒馆的馆长。ipsum id或dapibus门的Pellentesque。不可为空的馆舍
这是一个令人惊愕的时刻**我想在此之后插入内容！！**

前庭ac直径位于车辆部件的两侧。莫里斯·布兰迪是一位杰出的艺术家，他是一位杰出的艺术家。ipsum id或dapibus门的Pellentesque。在布朗迪特酒馆的馆长。紫背天牛
门大词典。ipsum id或dapibus门的Pellentesque。这是一个很好的例子，它是一个很好的例子。在布朗迪特酒馆的馆长。ipsum id或dapibus门的Pellentesque。不可为空的馆舍
这是一个令人惊愕的时刻


前庭ac直径位于车辆部件的两侧。莫里斯·布兰迪是一位杰出的艺术家，他是一位杰出的艺术家。ipsum id或dapibus门的Pellentesque。在布朗迪特酒馆的馆长。紫背天牛
门大词典。ipsum id或dapibus门的Pellentesque。这是一个很好的例子，它是一个很好的例子。在布朗迪特酒馆的馆长。ipsum id或dapibus门的Pellentesque。不可为空的馆舍
这是一个令人惊愕的时刻

任何div内可能有多个div/span/etc。但是，需要忽略任何图像或视频标记或嵌入标记。所以基本上我想浏览第n段并插入一些内容

基本上正如你所见，它已经是三段了。因此，在这里添加。Aka，我想在页面节点标题后添加三段。段落可以是p标记或div标记。

到目前为止，我有一些

$(' >p:not(:empty):eq(3)').append('<p style="color: red">Hello Worldqw</p>');

$（'>p:not（：empty）：eq（3）'）。追加（'
Hello Worldqw
）；

检查此项

$（“insertedfter”）.insertAfter（$（'.title'）.nextAll（'div'）.last（））

检查此项

$（“insertedfter”）.insertAfter（$（'.title'）.nextAll（'div'）.last（））

或此

还是这个

查看此

$("div > p:nth-child(3n)").after( "<span>***Content***</span>" );

$（“div>p:nth child（3n）”）。在（“***内容***”）之后；

查看此

$("div > p:nth-child(3n)").after( "<span>***Content***</span>" );

$（“div>p:nth child（3n）”）。在（“***内容***”）之后；

对不起，伙计。我之前的描述不清楚。。请看一下说明书。谢谢你，朋友。我之前的描述不清楚。。请看一下说明书。谢谢你，朋友。我之前的描述不清楚。。请看一下说明书。谢谢你，朋友。我之前的描述不清楚。。请看一下说明书。谢谢你，朋友。我之前的描述不清楚。。请看一下说明书。谢谢你，朋友。我之前的描述不清楚。。请看一下说明书。谢谢你在你的代码中标记你想要插入的地方。块引号中的段落计入你的总数吗？我刚刚这么做了。您可以看到文本“我想在此之后插入一个内容！！）。它位于该页的末尾。我对此感到非常困惑！@Okomikeruko这是否回答了您的问题？但是您的

元素都没有

窗格节点标题类

；请删除或减少代码中不必要的内容（例如填充文本），将正在使用的相关类名添加到相关元素中，显示输入（上面整理/澄清的HTML）和所需输出（新内容应该在哪里，新内容是什么），这样我们可以-希望-更好地帮助您。您是否愿意在代码中标记您希望插入的确切位置。块引号中的段落是否计入您的总数？我刚刚这样做了。您可以看到文本“我希望在此之后插入内容！！）。就在那个p的末尾。我对此感到非常困惑@Okomikeruko回答了您的问题吗？但是您的

元素都没有

窗格节点标题的类；请删除或减少代码中不必要的内容（例如填充文本），添加
$("div > p:nth-child(3n)").after( "<span>***Content***</span>" );