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的类，您的代码将有效

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

您可以这样使用.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>

将链接移动到div的末尾

2 个答案: