jQuery 测试 div 是否是第一个子元素？

Question

如何测试一个图像是一组图像中的第一个还是最后一个？

我正在尝试使用以下代码根据我是否位于一系列图像的末尾来使上一个和下一个按钮动画进入或退出:

var $current = jQuery("img .active");
var $next = $current.next();

if ($next != jQuery("img:first-child")
{
 // show next item and the previous button
 // seems to work?

} else if ($next == jQuery("img:last-child")
{
 // hide the next button since we're at the end
 // doesn't seem to work??
}

Answer 1

您想要检查img的索引:

var $current = jQuery("#img .active"),
    index = $current.index();

if (index === 0) {
    // This is the first
} else if (index === jQuery("#img").children().length - 1) {
    // This is the last
}