javascript - jQuery .last()。hide()。fadeIn()在列表中的所有项目中褪色

$('#mainlist').last().hide().fadeIn(200);

为什么隐藏此内容，然后使其淡入列表中的所有项目，而不仅仅是最后一个？

编辑:HTML部分:

<div id="mainbox">
    <ul id = "mainlist">

    </ul>
</div>

我的js用li附加到ul，然后运行上面显示的第一个代码。

最佳答案

这是因为$("#mainlist")返回的列表中只有一个元素。您正在选择最后一个#mainlist，即您的ul。
.last()方法选择DOM元素列表中的最后一个元素，而不是所选元素的最后一个子元素。

从jQuery docs:



您需要类似$('#mainlist li').last().hide().fadeIn(200);的东西。