Is it possible to add a paragraph after a certain element of HTML

Question

I have a plugin on Wordpress that generates HTML showing titles from a RSS feed, this is a sample of the code below for each item and then it repeats its self for the next few items.

</div>
<ul class="rss-aggregator">
    <li class="feed-item">
        <a target="_blank" rel="nofollow" href='http://www.football365.com/news/premier-league-winners-and-losers-7'>Premier League winners and losers</a>
        <div class="wprss-feed-meta">
            <span class="feed-source">Source: Football 365</span>
            <span class="feed-date">Published on 2015-10-19</span>
        </div>
        <div class="wprss-time-ago">31 mins ago</div>
    </li>

I was wondering if there is any code I can add to the page to automatically insert a paragraph after </div></li> as the page changes all the time with different title and URLS but </div></li>always stays the same after every feed, so the new HTML would look like:

</div> 
    <ul class="rss-aggregator">
        <li class="feed-item">
            <a target="_blank" rel="nofollow" href='football365.com/news/… League winners and losers</a>
            <div class="wprss-feed-meta">
                <span class="feed-source">Source: Football 365</span>
                <span class="feed-date">Published on 2015-10-19</span>
            </div>
            <div class="wprss-time-ago">31 mins ago</div>
        </li>
        <p>

This implies that you want to insert a `
` element directly after an `
@DavidThomas Thanks for that and how would i go about that, I'm an absolute beginner — Mike, Oct 19 '15 at 12:13
First you'd need to explain where, *exactly*, you want the created `
` element to go (bearing in mind that the DOM won't create invalid HTML); and offer some details about what you want to create. Given the posted 'input' (the HTML above) what output would you expect to be created? Doees the `
` take any information from what's already there, does it have some static text? Is that the last/only `

score 0 · Answer 1 · answered Oct 19 '15 at 12:40

0

If someone have same problem you can try this

$('.feed-item').append('<p> This is p element </p>');

answered Oct 19 '15 at 12:40

Nenad Vracar

118,580
15
151
176

But it can be child of `li` http://stackoverflow.com/questions/2161337/can-we-use-any-other-tag-inside-ul-along-with-li – Nenad Vracar Oct 19 '15 at 12:49

score 0 · Answer 2 · answered Oct 19 '15 at 12:56

0

if you want to add your content to entire element you should use

$('#yourElem').append('<div>lorem</div>');

else if you want to add your content after your desired element, you should use

$('#yourElem').after('<div>lorem</div>');

answered Oct 19 '15 at 12:56

Basar Sen

349
3
12

score -1 · Answer 3 · edited Oct 19 '15 at 12:49

-1

You can try this:

.feed-item:after {
    content: "text you want to add"
}

This will create a pseudo element after the actual element. A better solution would be to append using Javascript as not all browsers support :after

edited Oct 19 '15 at 12:49

Barrie Reader

10,647
11
71
139

answered Oct 19 '15 at 12:12

diegorp

77
1
3

I have tried that but it doesn't seem to work, here is the JS Fiddle - https://jsfiddle.net/#&togetherjs=5CiqVUngGO – Mike Oct 19 '15 at 12:24

Is it possible to add a paragraph after a certain element of HTML

3 Answers3