javascript - 文字列検索に基づく単純なjqueryの検索と表示 - 動作させることができません

Question

Jクエリ:

  //Jquery-JS search for actors and directors
  //Hide extra Actors
  $(".actor ul li").not($(".actor ul li").slice(0,11)).hide();
  //
  function find_and_unhide (keyword,container) {
    $(container+':contains("'+keyword+'")').show();
  }
  find_and_unhide("fra",".actor ul li");

HTML:

<div class="option-combo actor">
<h4>Actor →&lt;/h4>
<ul class="filter option-set" data-filter-group="actor">
<li><a href="#filter-actor-any" data-filter-value="" class="selected">Any</a></li>
<li><a href="#filter-actor-sandro" data-filter-value="sandro">Sandro</a></li>
<li><a href="#filter-actor-barbara" data-filter-value="barbara">Barbara</a></li>
<li><a href="#filter-actor-ku" data-filter-value="ku">Ku</a></li>
<li><a href="#filter-actor-cool" data-filter-value="cool">Cool</a></li>
<li><a href="#filter-actor-aid" data-filter-value="aid">Aid</a></li>
<li><a href="#filter-actor-leo" data-filter-value="leo">Leo</a></li>
<li><a href="#filter-actor-john" data-filter-value="john">John</a></li>
<li><a href="#filter-actor-kvara" data-filter-value="kvara">Kvara</a></li>
<li><a href="#filter-actor-kuku" data-filter-value="kuku">Kuku</a></li>
<li><a href="#filter-actor-bubu" data-filter-value="bubu">Bubu</a></li>
<li style="display: none;"><a href="#filter-actor-fra" data-filter-value="fra">Fra</a></li>
</ul>
</div>

1. 検索と再表示機能が機能しません。
2. また、contains の代わりに data-filter-value を使用して正しい li を選択する必要があるかどうかも疑問です。しかし、どちらが速くなるでしょうか？
3. また、あいまい一致を実装するにはどうすればよいですか?