世界赖床锦标赛冠军 2021-06-07 12:47 采纳率: 90.9%
浏览 127
已采纳

怎样实现点击按钮切换年份

有一排年份，旁边是个按钮 点击按钮就把这派年份换成其他的年份  这个怎么实现

  • 写回答

5条回答 默认 最新

  • 风雪一更 2021-06-07 13:50
    关注

    直接获取每个年份，转成数值，加5，然后再放回去，就好了。参考代码给你贴一下，样式你自己调吧：

    	<body>
		<div class="wrap">
			<div class="year"><span class="num">2020</span>年</div>
			<div class="year"><span class="num">2019</span>年</div>
			<div class="year"><span class="num">2018</span>年</div>
			<div class="year"><span class="num">2017</span>年</div>
			<div class="year"><span class="num">2016</span>年</div>
		</div>
		<button class="add">上5年</button>
		<button class="min">下5年</button>
	</body>
	<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(".add").click(function () {
			for (var i=0;i<$('.num').length;i++) {
				var year = Number($('.num').eq(i).text())+5;
				$('.num').eq(i).text(year);
			}
		})
		$(".min").click(function () {
			for (var i=0;i<$('.num').length;i++) {
				var year = Number($('.num').eq(i).text())-5;
				$('.num').eq(i).text(year);
			}
		})
	</script>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题？

悬赏问题

  • ¥15 运筹学排序问题中的在线排序
  • ¥15 关于docker部署flink集成hadoop的yarn，请教个问题 flink启动yarn-session.sh连不上hadoop，这个整了好几天一直不行，求帮忙看一下怎么解决
  • ¥30 求一段fortran代码用IVF编译运行的结果
  • ¥15 深度学习根据CNN网络模型，搭建BP模型并训练MNIST数据集
  • ¥15 lammps拉伸应力应变曲线分析
  • ¥15 C++ 头文件/宏冲突问题解决
  • ¥15 用comsol模拟大气湍流通过底部加热（温度不同）的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败
  • ¥20 有人能用聚类分析帮我分析一下文本内容嘛
  • ¥15 请问Lammps做复合材料拉伸模拟，应力应变曲线问题