Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在jquery ui自动完成中突出显示匹配的单词_Javascript_Jquery_Solr - Fatal编程技术网

Javascript 如何在jquery ui自动完成中突出显示匹配的单词

Javascript 如何在jquery ui自动完成中突出显示匹配的单词,javascript,jquery,solr,Javascript,Jquery,Solr,我想在jQueryUI中突出显示solr搜索结果,并用用户输入的单词自动完成。我已经尝试了下面的代码,但它只是将单词像“word”一样包装起来,而不是将其加粗。请帮忙 <script type="text/javascript"> $(function() { $("#autosearch").autocomplete({ source: function( request, response ) { $.ajax({

我想在jQueryUI中突出显示solr搜索结果,并用用户输入的单词自动完成。我已经尝试了下面的代码,但它只是将单词像“word”一样包装起来,而不是将其加粗。请帮忙

<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>

$(函数(){
$(“#自动搜索”).autocomplete({
来源:功能(请求、响应){
$.ajax({
url:“http://localhost:8983/solr/select",
数据:{
q:request.term,
佛罗里达州:“姓名”,
wt:'json',
}, 
数据类型:“jsonp”,
jsonp:'json.wrf',
成功:功能(数据){
var regex=newregexp((?![^&;]+;)(?!)(?![^&;]+;),“gi”);
var result=$.map(data.response.docs,函数(项){
return item.name.replace(regex,“$1”;
});
反应(结果);
}
}); 
},
最小长度:2
});
});

有很多方法可以做到这一点,例如:

<1
更改为
<1

然后将其添加到css中:

strong.thick {font-weight:bold;}

我的问题是,标记被呈现为字符串而不是HTML。当您在HTML中实际使用结果变量时,是否可以发送代码?