jquery搜索和超級菜單中的過濾元素

Question

我使用的是Superfish jquery插件和它的罰款。但是我有一個菜單，裏面有很多「聲音」（至少300個），我想知道是否有一種方法可以放置一些文本字段，並根據用戶編寫的內容過濾菜單語音。

像這樣（http://jsearchdropdown.sourceforge.net/）......但這個看起來很醜陋！

問候， Segolas

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>