javascript jquery 正序倒序
JS脚本 2023/6/26 11:13:27 点击:不统计
原文是网站制作学习网的FoAsP.cn
经常看到网页中小说或者漫画的章节列表,有正序倒序的点击操作,在jquery 中如何实现呢,看代码
1. 先看结构代码
<div id="chapterList">
<li>章节1</li>
<li>章节2</li>
</div>
2. 反序代码, 因为每次反序则会出现,正反正反...以此类推的操作,所以只有一个操作反序即可
<script>
var s = []; //定义临时数组
$('#chapterList li').each(# jquery 获取每个li
function (i) { s.push('<li>' + $(this).html() + '</li>'); # 并取得里面内容放到数组中
});
s.reverse(); # 数组反序
$('#chapterList').html('<ul>' + s.join('') + '</ul>');# 将每个数组连接起来,并放到原来的 div中
</script>
以上就是 jquery实现正序倒序(反序)了
原载于:文章来源:www.forasp.cn网站制作学习
·上一篇:js随机数 >> ·下一篇:浏览器取消关闭禁用debugger >>