问题描述
我有这个代码
$('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,但无法正常工作
谢谢您的帮助 !
1楼
Bhushan Kawadkar
1
2015-07-30 13:07:28
您错过了.
在第一个选择器$('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>
2楼
Jai
0
2015-07-30 13:05:19
您可以通过以下方式使用.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>