未按計劃訪問jQuery類後代

Question

我正在構建照片庫，並且需要將一些CSS應用於我的#wrapper div視圖中的第一張照片。下面是相關的代碼：

$('.inside:first-of-type>div:nth-of-type(1)').css('display', 'none'); 
$('.inside:first-of-type>div:nth-of-type(2)').css('display', 'block'); 

視野內#wrapper指定股利分配類.inside的所有元素（本類被刪除，一旦滑動外#wrapper指定）。每張照片都有兩個div層。在這種情況下，我想隱藏第一層並刪除第二層。我認爲上面的代碼會起作用，而且它的確如此，但前提是系列中的第一張照片是可見的，否則它什麼也不做。

我的CSS在這裏錯了嗎？

Answer 1

首先，沒有這樣的選擇器：first-of-type在jQuery，所以在大多數瀏覽器中。

這是你所需要的：

var items = $('#wrapper .inside > div'); 
items.eq(0).css('display', 'none'); 
items.eq(1).css('display', 'block'); 

注：

• 您更好的高速緩存的選擇結果，並避免第二DOM查詢。
• 可以使用hide功能上的第一個div：items.eq(0).hide();
• I want to hide the 1st and remove the 2nd layer.
.css('display', 'block');不刪除任何東西！您可能想要使用remove函數：items.eq(1).remove();