大佬教程收集整理的这篇文章主要介绍了如何通过单击 jQuery 中的下一个和上一个来重新排序 <div> 组，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我的目标是创造这样的东西：
（示例）
1 2 3 4
如果点击下一步
2 3 4 1
.. 然后再次点击
3 4 1 2
如果点击了上一个
（示例）
3 4 1 2
*上次点击
2 3 4 1
解决这个问题的方法是：
split(' ') ）splice 要移动的元素。 splice() 从数组中剪切元素并返回该剪切元素的数组 - 这就是我使用 [0] 访问它的原因unshift()，否则使用 push()
join(' ') 将数组重新组合成字符串我们可以通过 data-attribute 确定点击了哪个按钮 - 但还有其他方法可以做到这一点。
更多关于：splice、split、join、push、unshift
$(document).ready(function() {
$('button[data-dir]').click(function() {
let data = $('.numbers').html().trim().split(' ');
if ($(this).data('dir') === 'next') {
n = data.splice(0,1)[0];
data.push(n);
} else {
n = data.splice(-1,1)[0];
data.unshift(n);
}
$('.numbers').html(data.join(' '));
})
})span {
display: inline-block;
margin: 0 10px;
}<script src="https://cdnjs.cloudFlare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button data-dir="prev">Prev</button><span class='numbers'>1 2 3 4</span><button data-dir="next">Next</button>以上是大佬教程为你收集整理的如何通过单击 jQuery 中的下一个和上一个来重新排序 <div> 组全部内容，希望文章能够帮你解决如何通过单击 jQuery 中的下一个和上一个来重新排序 <div> 组所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。