jQuery 类后代未按计划访问

Question

我正在构建一个照片库，需要将一些 CSS 应用到我的#wrapper div View 中的第一张照片。相关代码如下:

$('.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 div View 内的所有元素都分配了 .inside 类(一旦它们滑出#wrapper 就会删除该类)。每张照片都有两个 div 层。在这种情况下，我想隐藏第一层并删除第二层。我认为上面的代码可以工作，而且确实如此，但前提是该系列的第一张照片在视野中，否则它什么都不做。

我的 CSS 在这里错了吗？

Answer 1

首先，在 jQuery 中没有这样的选择器:first-of-type，在大多数浏览器中也是如此。

这是你需要的:

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

注意事项:

• 您最好缓存选择器结果，避免第二次 DOM 查询。
• 您可以在第一个 div 上使用 hide 函数:items.eq(0).hide();
• 我想隐藏第一层并移除第二层。
.css('display', 'block'); 不会删除任何内容!您可能想使用 remove 函数:items.eq(1).remove();