javascript - 使用jquery在循环中分页上一个和下一个
问题描述
我正在点击下一个增量和前一个减量结果值进行分页。我已经尝试过这样的任何人都可以建议我怎么做。
$(document).ready(function() {
var num = 5;
$('.prev').on('click', function() {
alert('dsdsd');
for (var i = 0; i <= num.length; i--) {
console.log(num);
$('.result').append(num);
}
});
$('.next').on('click', function() {
for (var i = 0; i <= num.length; i++) {
$('.result').append(num);
}
});
});
.prev,
.next {
cursor: pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="prev">prev </div>
<div class="next">next</div>
<div class="result"></div>
解决方案
您不需要 for 循环,只需增加或减少按钮点击次数
$(document).ready(function() {
var num = 5;
$('.prev').on('click', function() {
alert('dsdsd');
num--;
$('.result').text(num);
});
$('.next').on('click', function() {
num++;
$('.result').text(num);
});
});
.prev,
.next {
cursor: pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="prev">prev </div>
<div class="next">next</div>
<div class="result"></div>
推荐阅读
- node.js - VUE.js JavaScript 安装问题
- laravel-5.6 - 重置密码laravel 5.6后限制登录
- matlab - MATLAB R2015b 中 getframe 的奇怪行为
- javascript - Recaman 序列的可视化
- php - 拉拉维尔 5.6。Monolog处理器如何推送
- java - 如何从java索引插入shell脚本
- swift - 在 Xcode 游乐场中制作动画时与超级视图成比例的位置元素
- scala - 如何在火花中将字符串连接到数据框的列?
- django - 如何使用 OAuth2 和 Django 的会话来验证用户
- mysql - 如何从两个不同的表中获取数据(没有重复记录)?两个表都有共同的价值