jQuery-appendTo上一个/上一个元素

Question

我已经在这里找不到了，希望有人能提供帮助。

我需要将链接（.more）附加到其前面的段落中-我确定这很简单，但不能完全正确：

<p>Lorem ipsum</p>

<p>Lorem ipsum</p>

<p>Lorem ipsum</p>

<a href="#" class="more">Read more</a>

<p>Lorem ipsum</p>

最终的HTML中可能有更多的段落，我需要这样做的原因与CMS有关。但是基于以上内容，我的目标是：

<p>Lorem ipsum</p>

<p>Lorem ipsum</p>

<p>Lorem ipsum <a href="#" class="more">Read more</a></p>

<p>Lorem ipsum</p>

我试过了：

$(".more").appendTo("p");

但这显然会附加到所有段落中……也许这是prevAll的工作，但我不能完全同意。

在此先感谢您的帮助！

Answer 1

的HTML

<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<a href="#" class="more">Read more1</a>
<p>Lorem ipsum</p>
<a href="#" class="more">Read more2</a>

JS

$('p').each(function(e){
    if($(this).next('a').hasClass('more'))
       $(this).html($(this).html()+" ").append($(this).next('a')); 
});?

带有多个标签的Example1和 Example2。