javascript - 将链接移动到 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

您错过了第一个选择器$('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>