网站制作学习网JS脚本→正文:javascript jquery 正序倒序
字体:

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 >>
推荐文章
最新文章