ここにあるjquery-highlight.jsをダウロードしてサーバに置いて以下のHTMLでハイライトできる。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="jquery-highlight.js"></script> <style type="text/css"> .highlight { background-color: yellow; } </style> <script> $(document).ready(function() { $("div").highlight("a", true); }); </script> </head> <body> <div class="desc">aaafawea3fSAtraetAwafaeawfwgeaw</div> <hr /> <div class="desc"><a href="http://www.example.com">http://www.example.com</a></div> </body> </html> |
スタイルシートの.highlightでスタイルを指定、hightlight()関数でハイライト、最初の引数はハイライトする文字列、２番目は大文字小文字を区別するならtrue。