Jquery是否依次选择一个类？

我的代码：

问题是我有3组按钮，但层次结构不同，

第一个按钮-

$（'menuDots li a img.bulletRoll'）

，位于li的第一个子项内

第二个按钮-

$（'menuDots li a img.bulletRoll'）

，位于li的第二个子项内

第三个按钮-

$（'menuDots li a img.bulletRoll'）

，位于li的第三个子项内

---

如何将

显示：无

仅设置为第一个

.bulletRoll

仅，然后第二次单击将显示无设置为下一个

.bulletRoll

？我已尝试使用

next（）

，但似乎不起作用？

您可以选择第一个仍然可见的

.bulletRoll

元素：

$('.btn').click(function(){
    $('#menuDots li a img.bulletRoll').filter(':visible').first().css({"display":"none"});
});

演示：

您还可以使用

.hide（）

而不是

.css（{“display”：“none”}）

此外，我也不建议使用div元素作为“按钮”，因为用户无法通过键盘访问它，因此无法（或只是选择不）使用鼠标或其他指针设备的用户无法访问您的页面。改用锚元素或按钮

$('.btn').click(function(){
    $('#menuDots li a img.bulletRoll').css({"display":"none"});
});

$('.btn').click(function(){
    $('#menuDots li a img.bulletRoll').filter(':visible').first().css({"display":"none"});
});