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