将多个元素附加到其他元素jQuery JavaScript

我有7个段落元素，其类名为

目录描述

，每个元素都有一个段落同级，其类名为

重定向链接

我正在尝试将

重定向链接

元素附加到

目录描述

元素。结果应该是，对于每个

目录描述

，都有一个

重定向链接

元素作为其子元素

但是，当我运行代码时，7个

目录描述

中只有1个将所有7个

重定向链接

元素附加到其中，而不是每个元素中的一个

这是我的密码：

HTML：

<p class="catalogue-description">LOREM IPSUM.</p>
<p class="redirect-link"> 
    HELLO
</p>

jQuery(".catalogue-description").each(function(){
    jQuery(this).append(jQuery(".redirect link"));
})

    <p class="catalogue-description">
        LOREM IPSUM.
        <p class="redirect-link"> 
            HELLO
       </p>
    </p>

    <p class="catalogue-description">
        LOREM IPSUM.
        <p class="redirect-link"> 
            HELLO
       </p>
    </p>

所需结果：

<p class="catalogue-description">LOREM IPSUM.</p>
<p class="redirect-link"> 
    HELLO
</p>

jQuery(".catalogue-description").each(function(){
    jQuery(this).append(jQuery(".redirect link"));
})

    <p class="catalogue-description">
        LOREM IPSUM.
        <p class="redirect-link"> 
            HELLO
       </p>
    </p>

    <p class="catalogue-description">
        LOREM IPSUM.
        <p class="redirect-link"> 
            HELLO
       </p>
    </p>

乱数假文。

你好



乱数假文。

你好

您需要选择当前

的同级
重定向链接
。目录说明

正在迭代，否则将选择所有

。重定向链接

并附加到当前

。目录说明

。使用

.next（）

获取下一个同级：

jQuery(".catalogue-description").each(function(){
    const $this = jQuery(this);
    $this.append($this.next());
})

jQuery（“.catalog description”）。每个（函数（）{
const$this=jQuery（this）；
$this.append（$this.next（））；
})

body>p{
边框：1px实心；
}

LOREM IPSUM

你好

LOREM IPSUM

你好

$（“.catalog description”）。每个（函数（）{
$（this.append（“
HELLO
”）；
})