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

Javascript 是否可以在HTML的某个元素后添加段落,javascript,jquery,html,wordpress,Javascript,Jquery,Html,Wordpress,我在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

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

  • 资料来源:足球365 2015年10月19日出版 31分钟前
我想知道是否有任何代码可以添加到页面中,以便在
之后自动插入段落,因为页面一直在使用不同的标题和URL进行更改,但是
在每次提要之后始终保持不变,因此新的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>

  • 您可以尝试以下方法:

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

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

    之后,如果有人有相同的问题,您可以尝试此方法

    $('.feed-item').append('<p> This is p element </p>');
    
    $(“.feed item”).append(“这是p元素”

    ”);
    如果要将内容添加到整个元素中,则应使用

    $('#yourElem').append('<div>lorem</div>');
    
    $('#yourElem').after('<div>lorem</div>');
    
    $('yourElem')。追加('lorem');
    
    否则,如果要在所需元素之后添加内容,则应使用

    $('#yourElem').append('<div>lorem</div>');
    
    $('#yourElem').after('<div>lorem</div>');
    
    $('yourElem')。在('lorem')之后;
    
    这意味着您希望在
  • 元素之后直接插入
    元素,这将是无效的HTML(只有
  • 元素是
      元素的有效子元素);但是,您可以在
    • 元素的父元素之后插入
      。@DavidThomas感谢这一点,我该怎么做,我是一个绝对的初学者。首先,您需要解释创建的
      元素的确切位置(记住DOM不会创建无效的HTML);并提供一些您想要创建的内容的详细信息。给定发布的“输入”(上面的HTML),您希望创建什么输出?
      是否从已经存在的内容中获取任何信息,是否有一些静态文本?这是列表中最后/唯一的
    • 元素吗?理想情况下,发布您希望jQuery/JavaScript创建的确切HTML结果。@DavidThomas我想要的确切HTML如下所示:
      • 联赛赢家和输家来源:足球365发布于2015-10-19 31分钟前
      • 谢谢!你能不能请你的问题在那里添加你想要的输出,这样容易阅读,不太可能被其他人错过?另外,请记住适当地格式化HTML,这样它就不会全部排在一条长线中?另外,请理解,您不能将
        元素作为
      • 元素的同级元素。这是无效的HTML,它将不起作用。我尝试过,但它似乎不起作用,这是JS小提琴-但它可以是
        li