jQuery：.is：具体类的最后一个孩子（或第一个孩子）

Question

我正在制作自行车目录，其中包括过滤和Lightbox以获取详细信息。

自行车概述包括一个很大的里面有李，其中每个李代表一辆自行车。详细信息（用于过滤）通过数据属性进行设置和读取。如果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")不工作...我认为这是因为它选择最后一个孩子，而不考虑它是否有类.show。

解决此问题的最佳方法是什么？ 在此先感谢！

编辑： 我在说的网页是在线：http://dev.onefinitystudios.com/rvs/verkoop.html。 javascript所在的文件是catalogus.js。

Answer 1

可以使用:last选择器。

需要检查的是info是否与show的最后一项相同，可以用$('.show:last').is(info)来实现。

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

Answer 2

您还可以使用jQuery。去年（）

jQuery的。去年（）选择最后一个孩子反正

所以，你的代码将是这样的：

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

http://api.jquery.com/last/

Answer 3

试试:last（是的，它不是来自CSS，而是一个jQuery加入）

即

if (info.is(":last")) { 
    ... 

Docs

Answer 4

lightbox.find(".lightbox-nav-next").toggle(function() { 
    return ! info.is(".show:last"); 
}); 

和

lightbox.find(".lightbox-nav-prev").toggle(function() { 
    return ! info.is(".show:first"); 
});