jquery - 将元素移动到另一个类

Question

我正在尝试将 a href 元素移动到 p 元素的末尾。

<div class="press-text">
    <h2></h2>
    <h3></h3>
    <p></p>
    <a class="press-file"></a>
</div>
<div class="press-text">
    <h2></h2>
    <h3></h3>
    <p></p>
    <a class="press-file"></a>
</div>
<div class="press-text">
    <h2></h2>
    <h3></h3>
    <p></p>
    <a class="press-file"></a>
</div>

我正在使用以下 jquery

$('.press-file').each(function(){
$(this).find('.press-text p').appendTo($(this));

但是有些东西不起作用。

编辑：我想拥有这个

<p><a href="press-file></a></p>

到底。

Answer 1

您应该使用最接近的来查找.press-text元素，而append不是appendTo：

$('.press-file').each(function(){
    $(this).closest('.press-text').find('p').append(this);
});

演示（打开控制台查看转换后的 HTML）