Javascript 使用jQuery移动多个div或元素

我希望将锚标记移动到特定断点处具有类“name”的div中

这是当前的HTML。问题是我有6个“配置文件”需要做同样的事情

<div class="profile">
  <div class="name">
     <p>Name</p>
  </div>
  <div class="email">
     <a href="example@email.com">example@email.com</a>
  </div>
</div>

名字

我尝试过的所有解决方案都会将所有6个锚定标记放在每个div中，并带有类“name”。这样乘以6倍：

<div class="profile">
<div class="name">
    <p>Name</p>
    <a href="example@email.com">example@email.com</a>
    <a href="example@email.com">example@email.com</a>
    <a href="example@email.com">example@email.com</a>
    <a href="example@email.com">example@email.com</a>
    <a href="example@email.com">example@email.com</a>
    <a href="example@email.com">example@email.com</a>
</div>
<div class="email">
    <a href="example@email.com">example@email.com</a>
</div>

名字

---

如何相对于其“配置文件”移动每个锚定标记？

您可以使用迭代

.profile

块，然后使用目标元素

这里是我使用的示例

$（'.profile'）。每个（函数（）{
$（this.find（'.email a'）.appendTo（$（this.find（'.name'））；
$（this）.find（'.email'）.remove（）；//如果需要删除
});
console.log（$（'.container'）.html（））//用于调试

名字1

名称2

告诉我们您尝试了什么您为此做了什么。。。。？