Javascript 使用JQuery在图像中循环

我试图使用JQuery next（）将CSS一次添加到一个图像中，突出显示它。当用户单击一个按钮时，它应该突出显示带有边框的next（）图像。相反，它会高亮显示它后面的所有图像

$（'#imageList img'）.next（）.addClass（'selected'）；

它将类添加到所有图像中

试试这个

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

试试这个

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

---

这也会让你得到你想要的

---

这也会让你得到你想要的

---

首先，选择第一个图像：

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

现在，无论何时要高亮显示下一幅图像，请调用此函数：

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

---

首先，选择第一个图像：

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

现在，无论何时要高亮显示下一幅图像，请调用此函数：

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

---

似乎以下操作对您来说应该很有效，应该将“selected”类添加到不包含该类的集合中的第一个图像中：

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

---

似乎以下操作对您来说应该很有效，应该将“selected”类添加到不包含该类的集合中的第一个图像中：

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

---

设置前一个类后，我将如何删除该类，使其一次仅添加选定对象？设置前一个类后，我将如何删除该类，使其一次仅添加选定对象？