gpt4 book ai didi

javascript - 元素 :first-child force reevaluate

转载 作者:行者123 更新时间:2023-11-29 22:24:56 24 4
gpt4 key购买 nike

我有一个 ".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”,依此类推。

结论:奇怪的是,如果我在 remove() 之前删除 fadeOut(400) 它会起作用。

最佳答案

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

这是一个关于 jsFiddle 的工作示例:http://jsfiddle.net/jukDU/3/

关于javascript - 元素 :first-child force reevaluate,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10124977/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com