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

标签 javascript jquery css

我将在第一类“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>');

最佳答案

检查这个Fiddle

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

关于javascript - 如何在页面中从起点开始的一定数量的段落之后添加内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38388057/

相关文章:

javascript - 无法使用 AngularJS 移动元素

javascript - 美国队长与 svg

javascript - 将图像字节保存到隐藏字段 HTML5

javascript - 我们如何只为第一组 child 添加相同的类(class)

javascript - 什么时候在 JS 中使用 $

javascript - 自适应卡在提交时清除输入

javascript - 如何在 Material-UI 中更改选项卡组件的大小?

javascript - extjs 在自定义元素中使用网格小部件的可能性

html - 当屏幕尺寸低于 1180 像素时,CSS 响应式设计页脚占据整个空间

css - 为什么要根据字体大小调整间距?