それがレンダリングされた後、ページ上のテキストをハイライト表示

Question

私は、彼らが詳細レコードを表示すると、彼らは強調表示される文字列のすべての出現をしたいと思い、文字列のフィールドの数を超えるユーザーの検索をすることができますアプリを持っています。

詳細フォームは（AJAXコントロールツールキットから）TabPanelsの内側に住むほとんどは、ラベルとリストビューで構成されています。私は手動でそれを表示する前にハイライトタグを追加するためにそれぞれの値を解析するためにブルートフォースの使用を避けたいと思います。

私のフォームをロードして、HTMLを解析する方法はありますか？これを回避する別の方法はありますか？

Answer 1

どのようにJavaScriptとjQueryのでしょうか？ http://plugins.jquery.com/project/highlightする

私はちょうどプラグインすることを試み、それが働きました。あなたが強調表示したいタグを指定し、どの言葉できます。

<script language="javascript" type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.highlight-2.pack.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready( function () {
    $('p').each(function() { $.highlight(this, 'LOREM'); });
});
</script>
<style type="text/css">
    .highlight { background-color: yellow }
</style>

..
..
..
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi gravida risus elementum tortor. Duis mattis, est et volutpat cursus, mi mi ornare tortor, sed fringilla nibh erat sed eros. In nec orci vel velit scelerisque ultrices. Nunc auctor elit. Proin orci ligula, luctus a, venenatis sit amet, laoreet a, mauris. Suspendisse sem nibh, interdum eu, vestibulum non, semper vel, mauris. In quis leo suscipit risus semper pretium. Cras interdum iaculis dui. Etiam vel ipsum eu sapien dapibus sagittis. Donec lobortis, lectus et placerat euismod, quam dui porttitor sem, sed fermentum eros quam ac ipsum. Ut eu augue. Nullam lacinia dictum neque. Nullam eros. Phasellus sem nisi, feugiat nec, consectetur vel, ullamcorper at, nisl. Aenean quam risus, ullamcorper a, ultricies ut, posuere ac, quam. Vestibulum sed lectus ac orci fermentum viverra. Sed aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
    </p>