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>之后自动插入一个段落，因为页面始终使用不同的标题和URL进行更改，但</div></li>始终保持不变在每个Feed之后，新HTML将如下所示：

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

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

3 个答案: