jquery - スーパーフィッシュ メニューの jquery 検索およびフィルター要素

Question

私は Superfish jquery プラグインを使用しています。しかし、私は「*多くの」音声 (少なくとも 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>