Javascript fadeIn（）带有jQuery的不可见列表项

我有一个无序列表，其

li

s是不可见的（

display:none

）

我想使用JS函数使特定的

li

可见。我该怎么做

我尝试了

$（“#我的列表li:nth child（1）”）.fadeIn（）

，但这仅在

ul

开始可见时有效

这是我的密码：

ul.hide>li{
显示：无；
}

一,
二,
三,

我正试着回答。随便试试吧

用这种方式：

$（“#我的列表”）.show（0）.children（“li:nth child（1）”）.fadeIn（）

$（“#我的列表”）.show（）.children（“li:nth child（1）”）.fadeIn（）

让我解释一下为什么
.show（0）
比
.show（）
好。当您使用
.show（）
时，它提供了一个转换，从而简化了不需要的DOM元素。这就像显示一个隐藏的元素，然后平滑地隐藏它，这是不被接受的。
正如巴勒斯所说，一个不可见的元素不能有一个可见的子元素。所以你所说的代码是正确的：ul必须是可见的

查看html代码，您可能只需删除
class=“hide”
，这将使ul可见

但是，如果您不能做到这一点，另一种方法是使用Javascript使ul动态可见。而不仅仅是：

$("#my-list li:nth-child(1)").fadeIn();

做

使
ul
可见。不可见元素不能有可见的子元素。您尝试的代码运行正常。。但是我没有隐藏主
ul
请看这里：@PraveenKumar检查的文档，不像你说的那样。@xdazz是的，我可能错了，可能是老jQuery。两者都是一样的。我现在考试了。
$("#my-list").show();
$("#my-list li:nth-child(1)").fadeIn();