jQuery - 追加到前一个/前面的元素

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 with multiple a tags.