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>

这就是重复元素的原因！

jQuery prependTo（） - 重复的元素

1 个答案: