若要更改列表的第一个和最后一个元素,请使用eq()方法。
您可以尝试运行以下代码来使用jQuery更改列表的第一个和最后一个元素:
<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#list li:eq(2)").after($("#list li:eq(0)")); }); </script> </head> <body> <p>This year's ranking:</p> <ul> <li>India</li> <li>US</li> <li>UK</li> </ul> <p>Last year's ranking:</p> <ul id="list"> <li>India</li> <li>US</li> <li>UK</li> </ul> </body> </html>