jQuery: .is :last-child (or first-child) 与特定类

Question

我正在制作自行车目录，其中包括过滤功能和用于详细信息的灯箱。

自行车概览由一个带有 li 的大 ul 组成，其中每个 li 代表一辆自行车。通过数据属性设置和读取详细信息(用于过滤)。如果 li 具有 .show 类，则它符合过滤条件，因此会显示在概览中。

当浏览灯箱(上一个/下一个箭头)时，用户应该只看到符合条件的自行车(有 .show)，这就是我的工作。

最后一步(我要问这个问题)是:在灯箱中，我希望“上一个”箭头在第一辆自行车处于事件状态时消失，而“下一个”箭头应该在最后一辆自行车处于事件状态时消失.

我试过这个:

if ( info.is(":last-child") ) { 
    lightbox.find(".lightbox-nav-next").hide();
} else { 
    lightbox.find(".lightbox-nav-next").show();
};

其中 info 是当时在灯箱中显示的 li。

我想知道为什么 info.is(":last-child") 不起作用...我认为这是因为它选择了最后一个 child 而不考虑它是否有类 .显示。

解决这个问题的最佳方法是什么？提前致谢!

编辑:我正在谈论的页面在线:http://dev.onefinitystudios.com/rvs/verkoop.html . javascript所在的文件是catalogus.js。

Answer 1

您可以使用 :last选择器。

你需要检查的是 info 是否与类 show 的最后一项相同，可以用 $('.show:last ').is(信息).

if ( $('.show:last').is(info) ) { 
    lightbox.find(".lightbox-nav-next").hide();
} else { 
    lightbox.find(".lightbox-nav-next").show();
}