首先先明确下需求:
- 可以显示是第几轮投票
- 显示每轮共有几票,还剩几票
- 如果这轮剩余票数为0,留下票数最多的一个(如果有多个票数最高者,则都保留下来,进行下一轮投票,直至最后只有一位留下)
效果图如下:
再次感叹jquery比js原生代码简短太多;
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="../../../jquery/node_modules/jquery/dist/jquery.js"></script>
<style>
*{
padding: 0px;
margin-left: 0px;
}
ul>li{
background: blue;
width: 250px;
height: 50px;
border-radius: 0px 25px 25px 0px;
margin-bottom: 10px;
}
ul >li >span,div{
display: inline-block;
height: 44px;
width: 60px;
text-ali