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

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

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

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>

本回答被题主选为最佳回答 , 对您是否有帮助呢?