Переместить ссылку на конец DIV

Question

Я этот код

$('container a').appendTo('.container');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <p>dzedzdqdqdqzdqdzqdzqdqzdqd</p> 
 
    <a class="forgot_password" href="#">Forgot password</a> 
 
    <p>dedededededededededede</p> 
 
    <p>dzedzdqdqdqzdqdzqdzqdqzdqd</p> 
 
</div>

Я хочу ссылку в конце .container как этот

• Пункт 1
• Пункт 2
• Пункт 3
• Ссылка

Я стараюсь эту линию JQuery, но он не работает

Спасибо за помощь!

Answer 1

Вы можете использовать .insertAfter() таким образом:

$('.forgot_password').insertAfter('.container p:last');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <p>dzedzdqdqdqzdqdzqdzqdqzdqd</p> 
 
    <a class="forgot_password" href="#">Forgot password</a> 
 
    <p>dedededededededededede</p> 
 
    <p>dzedzdqdqdqzdqdzqdzqdqzdqd</p> 
 
</div>

Answer 2

Вы пропустили . в первый селектор $('container a'), изменить его $('.container a') потому container это класс для родителей div и ваш код будет работать

$('.container a').appendTo('.container');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <p>dzedzdqdqdqzdqdzqdzqdqzdqd</p> 
 
    <a class="forgot_password" href="#">Forgot password</a> 
 
    <p>dedededededededededede</p> 
 
    <p>dzedzdqdqdqzdqdzqdzqdqzdqd</p> 
 
</div>