Javascript 结合prepend（）在each（）中循环

我想在DOM中移动HTML标记（在本例中是图标）

我的HTML标记如下所示：

<li class="linklist__item">
  <i class="fa fa-angle-right"></i>
  <a href="#" class="link linklist__link teasable__open" title="[Link title]">Lorem</a>
</li>
<li class="linklist__item">
  <i class="fa fa-angle-right"></i>
  <a href="#" class="link linklist__link teasable__open" title="[Link title]">Lorem</a>
</li>

<li class="linklist__item">      
  <a href="#" class="link linklist__link teasable__open" title="[Link title]"><i class="fa fa-angle-right"></i>Lorem</a>
</li>
<li class="linklist__item">      
  <a href="#" class="link linklist__link teasable__open" title="[Link title]"><i class="fa fa-angle-right"></i>Lorem</a>
</li>

  const linklistItem = this.$('.linklist__item');
  const linklistLink = this.$('.linklist__item .linklist__link');
  const linklistIcon = this.$('.linklist__item i');
  linklistItem.each(function () {
    linklistLink.prepend(linklistIcon);
  })

遗憾的是，添加了几个图标。我做错了什么？

$（“.linklist\uu link”）.prepend（函数（）{
返回$（本.prev（“.fa”）
})

li a{
边框：1px纯红；
}

偶像


偶像

为什么要引用

这个/being/window

？“遗憾的是添加了几个图标”，因为

”。链接列表\uu项目i'

匹配每个图标。@Andreas这很有意义。如何解决此问题？虽然此代码可以回答此问题，但提供有关如何和/或为什么解决此问题的其他上下文将提高答案的长期价值。