jQuery prependTo() – 重复元素

Posted 2023-04-13

【中文标题】jQuery prependTo() – 重复元素

【英文标题】：jQuery prependTo() – duplicated element

【发布时间】：2014-09-03 10:01:21

【问题描述】：

我有这个代码：

<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>

问题出在哪里？ 谢谢你的建议！

【问题讨论】：

不应该重复，jsfiddle链接有问题？？？

在这里工作正常jsfiddle.net/ec16qv32 您的文档中有多个.selected 元素吗？

【参考方案1】：

现在我明白了。我正在使用 javascript 进行移动导航。像这样的：

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

这就是重复元素的原因！