jquery - 超级鱼菜单中的jquery搜索和过滤元素

Question

我正在使用 Superfish jquery 插件，它很好。但是我有一个带有 *many" 声音（至少 300 个）的菜单，我想知道是否有办法放置一些文本字段并根据用户写的内容过滤菜单声音。

像这样（http://jsearchdropdown.sourceforge.net/）...但是这个看起来很丑！

问候， 塞戈拉斯

Answer 1

解决了。我的代码在一个包含电子邮件相关字段的大型 html 表中搜索，并根据用户在输入文本字段中键入的内容向菜单添加和删除元素。

Javascript代码：

$(function(){
$('#msgIndexUL').superfish();

$("#menuFilterTextField").keyup(function(){         
    $("#msgIndex li:not('#menuFilter')").empty();

    var id;
    var mailSubject;
    $(".results tbody tr").filter(":contains('"+ $("#menuFilterTextField").val() +"')").each(function(){        
        id = $(this).attr('id');
        mailSubject = $($(this).children(".mailSubject")).html();       
        $("#msgIndex").append("<li><a href='#"+id+"'>"+mailSubject+"</a></li>");                            

    });                         
});

});

和html：

<ul id="msgIndexUL" class="sf-menu">
                <li class="current">
                    <a href="##">Indice dei messaggi</a>
                    <ul id="msgIndex">
                        <li id="menuFilter"><input type="text" id="menuFilterTextField"/></li>
                    </ul>               
                </li>
</ul>