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"); 
});