javascript - 自动填充突出显示文本问题

Question

我有一个搜索引擎，可以在您搜索某些内容时显示结果列表。 问题是，当我选择其中一个结果时，在输入中将显示此文本："<span style='font-weight:bold; color:"而不是用于搜索的单词。

例如，如果我想搜索单词＆＃34; football＆＃34; ，则在搜索输入中将显示以下文字："<span style='font-weight:bold; color:而不是＆＃34;足球＆＃34; 即可。

同样在网址中，var t显示为<span> code，而不是＆＃34;足球＆＃34;

我的代码是这样的：

$("#search-field").data('ui-autocomplete')._renderItem = function(ul, item) {
     var re = new RegExp("^" + this.term) ;
     var t = item.label.replace(re, "<span style='font-weight:bold; color:#000;'>" + 
              this.term + 
              "</span>");

    return $('<li></li>')
         .data("item.autocomplete", item)
         .append('<a href="http://beta.searchlotto.org.uk/yhs_search.php?q=' + t + '&cid=">' + t + '</a>')
        .appendTo(ul);
};