如何仅从 jQuery 对象中提取第一个元素？

Question

我有一个带有两个子菜单的菜单，当用户单击相应的菜单标题时，它们会通过滑动打开动画。该功能由以下代码提供：

$('ul#main_menu > li:has( ul.sub-menu )').click(function()
    {
        var $sublist = jQuery(this).find('ul:first');
        $sublist.slideToggle('fast');

        return false;
    });

现在，我想在用户单击我设置的跨度时打开第一个子菜单（它有一个 id 或 open_artists。我一直在尝试修改上面的代码来完成那个。这可行，但会打开两个子菜单。我只想打开第一个子菜单。

function openArtists () {

        var $sublist = jQuery('ul#main_menu > li:has( ul.sub-menu )').find('ul:first');
        $sublist.slideToggle('fast');

        return false;

}

$('#open_artists').click(openArtists);

我尝试将其修改为：

function openArtists () {

        var $sublist = jQuery('ul#main_menu > li:has( ul.sub-menu )').find('ul:first');
        var $firstsublist = jQuery('$sublist').first();
        $firstsublist.slideToggle('fast');

        return false;

}

$('#open_artists').click(openArtists);

但这不起作用。我也没有尝试过其他任何方法。

Answer 1

你应该先选择 ul 然后找到 sublist

function openArtists () {

        var $sublist = jQuery('ul#main_menu > li:has(ul.sub-menu)').find('ul').eq(0);
        $sublist.slideToggle('fast');

        return false;

}