jquery - 这个 .end() 函数有什么问题？

Question

这是我的code :

<a href="javascript:void(0);" id="apri-menu">
    <span>First</span>
    <span style="display:none;">Second</span>
</a>​

$('#apri-menu').click(function () {
    $(this).find('span').first().hide().end().find('span').last().show();
    $('#menu-nascosto').show();
});​

单击我希望显示第二个跨度的链接，但似乎 .end() 会带来一些痛苦。

我哪里错了？

Answer 1

什么.end()所做的就是“将 jQuery 对象返回到之前的选择状态”。在您的示例中，修改匹配对象的最后一个操作是 .first() ，所以.end()将时间倒回至之前 -- 之后 .find('span') 。所以最终的结果就像你写的

$(this).find('span').find('span').last().show();

...这显然不起作用，因为没有嵌套 <span> s 在您的标记中。

简单地摆脱第二个.find()会解决问题。