jQuery prependTo() – 重复元素

Question

我有这个代码:

<div class="someClass">
    <a href="#" class="link">Text</a>
    <a href="#" class="link">Text</a>
    <a href="#" class="link"><span class="selected">Text</span></a>
    <a href="#" class="link">Text</a>
</div>

当我将 span 与 selected 类的链接移动到第一个位置时，我这样做:

$('.selected').parent().prependTo('.someClass');

但后来我得到这样的信息，元素是重复的:

<div class="someClass">
    <a href="#" class="link"><span class="selected">Text</span></a>
    <a href="#" class="link"><span class="selected">Text</span></a>
    <a href="#" class="link">Text</a>
    <a href="#" class="link">Text</a>
    <a href="#" class="link">Text</a>
</div>

问题出在哪里？谢谢您的建议!

Answer 1

现在我明白了。我正在使用 JavaScript 进行移动导航。像这样的事情:

<div class="mobileNavigation">
    <div class="js-cloneElement" data-sourceSelector=".someClass"></div>
</div>

这就是重复元素的原因!