jQuery prependTo() - дублированный элемент

У меня есть этот код:

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

В чем проблема? Спасибо за любой совет!

1 ответ

Теперь я понимаю. Я использую JavaScript для мобильной навигации. Что-то вроде этого:

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

Так вот причина дублированного элемента!

Другие вопросы по тегам