如果一個div是第一個孩子，jQuery測試？

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 
} 

Answer 2

使用.each()假設沒有大的性能損失，我會做這樣的事情：

jQuery('#img').children().each(function(i,obj){ 
    // some code to show buttons 
    if (i <= 0) { // hide prev } 
    if (i >= $('#img').children().length - 1) { // hide next } 
}); 

然後隱藏所有$('#img').children()，除了活動的，或者您希望它起作用。