2

OK、HTML ページの検索テキスト ボックスから検索語を太字にしようとしています。ここでjQuery ハイライト プラグインを使用して、これを達成しようとしています。私はまだjQueryに精通していないので、これがあまりにもばかげているように聞こえる場合はご容赦ください

問題は、テキスト ボックスに入力された最初の文字のみが強調表示され、残りは無視されることです。

  1. Highlight.js はここにあります。

  2. これが私のコードです

    <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test page for Highlight Search Terms</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="highlight.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
    $('#search').on('keyup', function(){
            $('.x').highlight($(this).val());

    });    
});
</script>
<style type="text/css">
  .highlight {
    font-weight: bold;
  }
</style>
<body>
  <input type="text" id="search"></input>
   <p class="x">Highlight plugin searches through the text of given elements
    in this case to find the term (word 'highlight' in our example) to 
    highlight. When the term is found it's simply wrapped with </p>
</body>
</html>

段落内のテキスト ボックスのすべての検索語に一致させ、太字にしたい。私は何をしていないのですか？ありがとう

4

1 に答える 1