Question

我正在尝试使用JQuery next（）将CSS添加到一个图像，一次突出显示它。当用户单击按钮时，它应突出显示带边框的next（）图像。相反，虽然它突出显示了它之后的所有图像。

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

它将类添加到所有图像中。

Answer 1

这也会让你得到你想要的东西http://jsfiddle.net/GWtg8/2/

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

Answer 2

首先，选择第一张图片：

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

现在，无论何时想要突出显示下一张图像，请调用此函数：

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

Answer 3

试试这个

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

Answer 4

似乎以下内容应该对您有用，应该将“selected”类添加到不包含该类的集合中的第一个图像：

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

使用JQuery循环使用图像

4 个答案: