是否可以在HTML的某个元素之后添加一个段落

Question

我在Wordpress上有一个插件，可以从RSS提要中生成显示标题的HTML，这是每个项目的以下代码示例，然后它会重复下面的几个项目。

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

我想知道有没有什么代码可以添加到页面中，以便在</div></li>之后自动插入一个段落，因为页面一直在变化，具有不同的标题和URLS，但</div></li>在每个提要之后总是保持不变，所以新的</div></li>将如下所示：

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

Answer 1

如果有人有同样的问题，你可以试试这个

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

Answer 2

如果你想把你的内容添加到整个元素，你应该使用

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

否则，如果要将内容添加到所需元素之后，则应使用

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

Answer 3

您可以尝试这样做：

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

这将在实际元素之后创建一个伪元素。更好的解决方案是使用Javascript进行追加，因为并非所有浏览器都支持:after