Javascript 是否可以在HTML的某个元素后添加段落
我在Wordpress上有一个插件,可以从RSS提要生成显示标题的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
</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