javascript - jQuery .last().hide().fadeIn() 淡化列表中的所有项目

Question

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

为什么要隐藏，然后淡入列表中的所有项目而不是最后一个？

编辑:HTML 部分:

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

    </ul>
</div>

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

Answer 1

这是因为 $("#mainlist") 返回的列表中只有一个元素。您正在选择最后一个 #mainlist，这是您的 ul。

.last() 方法选择 DOM 元素列表中的最后一个元素，而不是所选元素的最后一个子元素。

来自jQuery docs :

Given a jQuery object that represents a set of DOM elements, the .last() method constructs a new jQuery object from the last element in that set.

你需要像 $('#mainlist li').last().hide().fadeIn(200); 这样的东西。