javascript - 如何在页面中从起点开始的一定数量的段落之后添加内容

Question

我将在第一类“pane-node-title”的三段之后添加一个 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>

任何 div 内可能有多个 div/spans/等。然而，任何图像或视频标签或嵌入标签都需要被忽略。所以基本上我想遍历第 n 段并插入一些内容。

基本上如您所见，它已经是三段了。并且，因此添加在那里。又名，我想在 page-node-title 的三段后面添加。段落可以是 p 标签或 div 标签。

到目前为止我有类似的东西

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

Answer 1

检查这个Fiddle

$("<h1>InsertedAfter</h1>").insertAfter($('.title').nextAll('div').last())