0

ユーザーが入力した単語で、jquery uiオートコンプリートでsolr検索結果を強調表示したい。次のコードを試してみましたが、太字にするのではなく、「<strong>単語</strong>」のように単語を折り返すだけです。助けてください。

<script type="text/javascript">
$(function() {
    $("#autosearch").autocomplete({
        source: function( request, response ) {
            $.ajax({
            url: "http://localhost:8983/solr/select",
            data: { 
                q: request.term,
                fl: "name",
                wt: 'json',
            }, 
            dataType: "jsonp",
            jsonp: 'json.wrf',

            success: function(data){
                var regex = new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + request.term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi");
                var result = $.map(data.response.docs, function(item){
                    return item.name.replace(regex, "<strong>$1</strong>");
                });
                response( result );
            }
          }); 
         },
        minLength: 2
        });
    });
</script>
4

1 に答える 1

0

これを行うには多くの方法があります。たとえば、次のとおりです。

<strong>$1</strong>で変わる<strong class='thick'>$1</strong>

そして、これをcssに追加します:

strong.thick {font-weight:bold;}
于 2013-10-03T13:42:37.790 に答える