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

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

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

  • 写回答

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条)

报告相同问题？