Переместить элемент из его содержащего div в другой

Question

Im создает сайт Wordpress с настраиваемым Tiny MCE-стилем, который добавляет пользователю стиль стилей «Больше», содержащий якорь, который находится внизу слева от должность. Чем больше кнопка отформатирован как этот

<p><span class="moreButton"><a>Link here </a></span></p>. 

Моя проблема укладки в коробки, чтобы быть динамичным в размере, независимо от того, сколько текста внутри них, и потому что больше стиль кнопки в настоящее время вводится через WordPress пост, это содержащийся в div, который, как мне кажется, не освобождает его.

В целом это выглядит следующим образом:

<div class="newsBoxMore"> 
     <div class="newsBoxMainHolder"> 

     <div class="alumniHeading newsMainHeading"> 
     <h4>21 Years of NCCA Masters</h4> 
     </div> 

     <div class="alumniContent newsMainContent"> 
        <p>As a reminder of where we started out this example from 1990 won a special award at the CG90 Festival.</p> 
<p>Text in here.</p> 
<p><span class="moreButton"><a title="Video" href="" target="_blank">View Here</a></span> </p> 

     </div><!-- end newsMainContent --> 

     <div class="newsDateHolder"> 
      <p>POSTED: 16.06.13</p> 
     </div><!-- end newsDateHolder --> 

     </div><!-- end newsBoxMainHolder --> 

    </div><!-- end news Box More --> 

Что я пытаюсь сделать, это переместить

<p><span class="moreButton"></span></p> 

из newsMainContent DIV и я хочу, чтобы сидеть под ним, чуть выше newsDateHolder div. Я попытался, используя следующий код:

$(".newsMainContent span").insertAfter($(".newsMainContent")); 

Проблемы с этим состоит в том, что она дублирует класс MOREBUTTON с каждым анкерным Thats на этой странице. поэтому я получаю сообщение, в котором должен быть еще один баттон, но теперь он имеет 10, потому что на странице отображается 10 сообщений.

Любая помощь будет принята с благодарностью!

Answer 1

Вам нужно указать элемент, который вы хотите, чтобы он был после уникального идентификатора, и использовать его вместо класса.