jquery - jquery mobileでハイライト検索

Question

jquery mobileで検索された単語を強調表示するにはどうすればよいですか? data-filter="true" で折りたたまれたリストを使用しています。検索ではうまく機能しますが、テキストが多く、ユーザー エクスペリエンスを向上させるために、検索された単語を強調表示する必要があります。

これらの jquery プラグイン (jquery モバイルではない) を実装しようとしましたが、うまくいきませんでした:

http://www.jquery.info/spip.php?article50

http://www.htmldrive.net/items/show/833/on-page-text-highlighting-Search-with-jQuery.html

私はこれに対する解決策をstackoverflowやWebのどこにも見つけていないので、ここで助けを得ることを期待して尋ねています.

私が現在使用しているコードは次のとおりです。

    <div data-role="page" id="test"><p></p>
        <ul data-role="listview" data-theme="b" data-filter="true">
    
  <div data-role="collapsible" data-inset="false">
                                    <h2>Look here</h2>                          
                                        <li>
                                        <div dara-role="content">
                                        here is alot o text. This is searchable but should turn into yellow. </div>
                                        </li></div>
                                        
    <div data-role="collapsible" data-inset="false">
                                    <h2>Look here to</h2>                           
                                        <li><div data-role="content">
                                          More text.
                                        </div>
                                        </li></div> </ul>