使用JQuery循环播放图像

问题描述：

我试图使用JQuery next（）将CSS添加到一次突出显示的图像。当用户点击一个按钮时，它应该突出显示带有边框的下一个（）图像。相反，虽然它突出显示了它后面的所有图像。使用JQuery循环播放图像

$('#imageList img').next().addClass('selected');

这虽然增加了类的所有图像。

答

$(document).ready(function(){ 
$('#btn').click(function(){ 
    $('#cont img').not('.selected').first().addClass('selected'); 
}); });

我将如何去掉前面的类后，是否已经设置，以便它只添加一个选择一次？ –

@Howdy'removeClass（'selected'）'。我在回答中解决了这个问题。 –

答

试试这个

$(function(){ 
    var imageList = $('#imageList img'), imgCounter = 0; 
    $("buttonSelector").click(function(){ 
     imageList.eq(imgCounter++).addClass('selected'); 
    }); 
});

答

首先，选择第一个图像：

var img = $('#imageList img:first').addClass('selected');

现在，每当你想hightlight下一张图片，请致电此功能：

function selectNext() { 
    img.removeClass('selected').next().addClass('selected'); 
}

答

好像下面应该工作得很好对你来说，应在集中添加了“选择”类第一图像不含有类：

$('#imageList img:not(.selected)').eq(0).addClass('selected');

使用JQuery循环播放图像

相关推荐