请参阅http://jsfiddle.net/rabelais/DW5CV/
我已经开始整理这个小提琴，尝试用一个非常简单的jQuery来解决如何在页面加载时显示第一个全屏图像，然后当用户单击该图像时将其隐藏，然后显示下一个图像会显示页面上的，等等。我知道我可以给他们所有的个人ID，然后写一个很长的代码来声明每个div，但是我想学习如何用一种更整洁的方式来完成？
$('#img1').click(function() {
$('#img2').show();
$('#img1').hide();
});
根据示例小提琴，您可以尝试以下操作：
$('.full').click(function () {
$(this).hide();
$(this).next('.full').show();
});
注意：这仅适用于一次迭代。如果您希望它循环，我们可以修改代码。
编辑：要使循环正常工作，请修改以下代码。基本上，我们正在检查是否存在带有class的next元素（div包含img）.full。如果存在，我们show会。否则，我们show是第一个带有.full类的元素。
$('.full').click(function () {
$(this).hide();
if($(this).next('.full').length === 1)
$(this).next('.full').show();
else
$('.full').eq(0).show();
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句