要素：第一胎力重新评估

Question

我有一个".hidden"类，我实时构建DOM元素。所以我得到一个简单的代码，如：

...
    <div class="hidden">1</div>
    <div class="hidden">2</div>
    <div class="hidden">3</div>
...

我的CSS定义不仅仅是简单：

.hidden {
display: none;
}

.hidden:first-child {
display: block;
}

一切都很美好每个人都很开心。现在，如果我执行类似的操作：$('.hidden:first-child').remove()它会删除，但是下一个元素不会出现。只有当我点击开发者控制台中的DOM节点时才会出现（ ctrl + shift + i in chrome ）。

如何强制浏览器评估CSS规则？

更新 这是jsFiddle test case。单击按钮后会看到“0”，没有其他数字，应该是“1”，然后是“2”，依此类推。

结论： 奇怪的是，如果我在删除（）之前删除了fadeOut（400）它可以工作。

Answer 1

尝试使用css伪类：first-of-type而不是：first-child

以下是jsFiddle的一个工作示例：http://jsfiddle.net/jukDU/3/

Answer 2

我先显示下一个项目，然后将其删除。

$('.hidden:first-child').next().show();
$('.hidden:first-child').remove();