投票列表排序 - 默认，投票数

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>投票列表排序 - 默认，投票数</title>
<script type="text/javascript" src="http://new-icon.ol-img.com/jslib/jquery-1.7.2.min.js"></script>
</head>
<body>
<div id="votebox"><dl rel="1"><dt>Name1</dt><dd>votenum <em>1</em></dd></dl><dl rel="2"><dt>Name2</dt><dd>votenum <em>11</em></dd></dl><dl rel="3"><dt>Name13</dt><dd>votenum <em>61</em></dd></dl><dl rel="4"><dt>Name14</dt><dd>votenum <em>6</em></dd></dl><dl rel="5"><dt>Name15</dt><dd>votenum <em>14</em></dd></dl><dl rel="6"><dt>Name16</dt><dd>votenum <em>19</em></dd></dl>
</div>
<p>
<a href="javascript:;" id="defaultbtn">默认</a>
<a href="javascript:;" id="rankbtn">投票排序</a>
</p><script type="text/javascript">
$(function(){$("#defaultbtn").click(function() {setVoteboxData('default');});$("#rankbtn").click(function() {setVoteboxData('votenum');});function setVoteboxData(rankType) {rankType = rankType == 'votenum' ? 'votenum' : 'default';voteCellsLength = $("dl").length;if(voteCellsLength > 0) {var voteCells = new Array();for(var i = 0; i < voteCellsLength; i++) {var relVal = $("dl:eq(" + i + ")").attr("rel");var tmpArr = new Array();tmpArr['data'] = '<dl rel="' + relVal + '">' +  $("dl:eq(" + i + ")").html() + '</dl>';tmpArr['ranknum'] = rankType == 'votenum' ? parseInt($("dl:eq(" + i + ")").find('em').html()): parseInt(relVal);voteCells[i] = tmpArr;}// rankfor(var i = 0; i < voteCellsLength; i++) {for(var j = i + 1; j < voteCellsLength; j++) {if(voteCells[i]['ranknum'] < voteCells[j]['ranknum']) {var tmpVal = voteCells[i];voteCells[i] = voteCells[j];voteCells[j] = tmpVal;}}}if(rankType == 'default') {voteCells = voteCells.reverse();}var voteCellsStr = '';for(var i = 0; i < voteCellsLength; i++) {voteCellsStr += voteCells[i]['data'];}$("#votebox").html(voteCellsStr);}}
});</script>
</body>
</html>

转载于:https://www.cnblogs.com/bandbandme/p/3966522.html

投票列表排序 - 默认，投票数相关推荐

python数组排序返回索引_python列表排序返回索引
广告关闭腾讯云11.11云上盛惠 ,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高返5000元! 我需要对列表进行排序,然后返回一个列表,其中包含列表中排序项的索引... 我有一 ...
投票|微信投票如何刷投票数的方法和步骤【禁止非法使用】
教大家微信投票怎么样刷票让票数变多,快速投票怎么收费?最近看到好多人都在网上找怎么提高微信投票数的方法及微信刷票方法,现在的确是越来越多的人在关注这样的怎么提高微信投票数之微信刷票方法,基本上都是想要 ...
python微信点赞收费吗_点赞关于怎样微信刷投票数,我来教你微信投票怎样花钱买票...
揭阳都来说说快速投票什么价格?细说微信投票目前什么价格?投票的意图在于评选成果.咱们常常会在一些节目中听到主持人说"请投出您名贵的一票,为您喜爱支撑的选手加油打气",可是作为在竞赛 ...
php写统计投票数,php画投票统计图 - huolong的个人空间 - OSCHINA - 中文开源技术交流社区...
//Vote.class.php /*********************************** *投票结果条形统计图 * *@作者:王永强 *@时间 :2015年05月11日 *@邮箱:1 ...
[转载] Python列表排序 list.sort方法和内置函数sorted
参考链接: Python中的函数 Python列表排序 list.sort方法和内置函数sorted 很多时候我们获取到一个列表后,这个列表并不满足我们的需求,我们需要的是一个有特殊顺序的列表. 这时 ...
Python列表排序 list.sort方法和内置函数sorted
Python列表排序 list.sort方法和内置函数sorted 很多时候我们获取到一个列表后,这个列表并不满足我们的需求,我们需要的是一个有特殊顺序的列表. 这时候就可以使用list.sort方法 ...
Hive中使用sort_array函数解决collet_list列表排序混乱问题
目录 0. 相关文章链接 1. 数据准备 2. 使用collect_list和concat_ws进行行转列 3. 使用sort_array函数解决collet_list列表排序混乱问题 0. 相关文章 ...
列表排序-第14届蓝桥杯STEMA测评Scratch真题精选
[导读]:超平老师的<Scratch蓝桥杯真题解析100讲>已经全部完成,后续会不定期解读蓝桥杯真题,这是Scratch蓝桥杯真题解析第108讲. 蓝桥杯选拔赛现已更名为STEMA,即ST ...
巧用order实现列表排序
前言近些年,随着 web 应用的蓬勃发展,前端所需要承载的业务需求与开发任务越来越多.一些曾经第一反应是 "调一下后端接口就完事儿" 的任务,随着数据量的提升以及对用户体验 ...

投票列表排序 - 默认，投票数

投票列表排序 - 默认，投票数相关推荐

最新文章

热门文章