问题描述:

I will live to add a div ( my contents ) after three paragraph of the first class "pane-node-title". Basically I have something like this

<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>

There may be multiple divs/spans/etc inside any div. However any image or video tag or embed tag needs to be ignored. So basically I want to travel the nth paragraph and insert some content.

Basically as you can see , it is already three paragraph. And, hence add there. Aka, I want to add after three paragraph of page-node-title . A paragraph can be the p tag or div tag.

So far I have something like

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

网友答案:

Check this Fiddle

$("<h1>InsertedAfter</h1>").insertAfter($('.title').nextAll('div').last())
网友答案:

Or this Fiddle

div:nth-of-type(4) {
   /* Code here */
}
网友答案:

Check out this Fiddle

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