Поиск в меню и подменю с JQuery Плагин для поиска - многоуровневый

Question

Я хочу искать в названии меню и подменю, но в JQuery Searchable Plugin не могу найти этот вариант. Когда я печатаю символы, я могу найти меню, но не могу найти подменю. Searchable plugin имеет опцию childSelector, но этот параметр выполняет поиск только на первом уровне.

$('#menu-list').searchable({ 
 
    searchField: '#menu-list-search', 
 
    selector: 'li', 
 
    childSelector: '.menu-text', 
 
    show: function(elem) { 
 
     elem.slideDown(100); 
 
    }, 
 
    hide: function(elem) { 
 
     elem.slideUp(100); 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://raw.githubusercontent.com/stidges/jquery-searchable/master/dist/jquery.searchable-1.0.0.min.js"></script> 
 

 
<input id="menu-list-search" placeholder="Search Menu..."> 
 

 
<ul id="menu-list" class="nav nav-list"> 
 
    <li class=""> 
 
    <a href="index.html"> 
 
     <i class="menu-icon fa fa-tachometer"></i> 
 
     <span class="menu-text"> menu1 </span> 
 
    </a> 
 

 
    <b class="arrow"></b> 
 
    </li> 
 
    <li class=""> 
 
    <a href="#" class="dropdown-toggle"> 
 
     <i class="menu-icon fa fa-list"></i> 
 
     <span class="menu-text"> menu2 </span> 
 

 
     <b class="arrow fa fa-angle-down"></b> 
 
    </a> 
 

 
    <b class="arrow"></b> 
 

 
    <ul class="submenu"> 
 
     <li class=""> 
 
     <a href="tables.html"> 
 
      <i class="menu-icon fa fa-caret-right"></i> 
 
     submenu1 
 
     </a> 
 

 
     <b class="arrow"></b> 
 
     </li> 
 

 
     <li class=""> 
 
     <a href="jqgrid.html"> 
 
      <i class="menu-icon fa fa-caret-right"></i> 
 
      submenu2 
 
     </a> 
 

 
     <b class="arrow"></b> 
 
     </li> 
 
    </ul> 
 
    </li> 
 
</ul>

Answer 1

Изменения в HTML

Wrap весь текст (включая пункты подменю) с

<span>text_here</span> 

Изменения в JS

и просто изменить значение childSelector на «пролете»

... 
... 
childSelector: 'span', 
... 
... 

Answer 2

Моя проблема решена с обручем весь текст в <span class="menu-text"> menu1 </span>