当前位置: 代码迷 >> JavaScript >> 将链接移到div的末尾
  详细解决方案

将链接移到div的末尾

热度:60   发布时间:2023-06-05 10:31:43.0

我有这个代码

 $('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,但无法正常工作

谢谢您的帮助 !

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

您可以通过以下方式使用.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> 

  相关解决方案