自身列表的反转

最新推荐文章于 2024-04-13 14:15:00 发布

最新推荐文章于 2024-04-13 14:15:00 发布 · 170 阅读

文章标签：

#shell #xhtml #javascript #ViewUI

本文介绍了一种使用jQuery实现列表项反转的方法。通过简单的JavaScript函数，可以将HTML列表中的元素顺序进行反转。此方法适用于前端开发者，特别是那些熟悉jQuery库的开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script src="LRSelect.js" type="text/javascript"></script> <script type="text/javascript"> function test() { $("#uList").children().reverseSelf().appendTo($("#uList").empty()); //另一种方法: //取得所有子元素, 再将其转为dom数组, 利用数组反向, 再转为jQuery对象, 再添加到已清空的列表中 $($("#uList").children().get().reverse()).appendTo($("#uList").empty()); } </script> </head> <body> <ul id="uList" > <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> <input type="button" value="反转列表" style="color:Red;" onclick="test()" /> </body> </html>