Jquery Autocomplete - 突出显示每个单词的第一个字符。
例如:
如果我正在搜索' a'在自动填充中,它应该按第一个字母 - >
的字词进行过滤南亚文化协会 佐治亚州天使之家
结果应该是突出显示每个单词的第一个字符,过滤器也应该基于第一个字符。
例外输出:
South ** A ** sian Cultural ** A ** ssociation ** A ** ngel House of Georgia
任何人都可以帮我吗?
答案 0 :(得分:0)
我希望这有效:
$( "#project" ).autocomplete({
minLength: 0,
source: function(request, response) {
var matcher = new RegExp("(?<!\w)" + $.ui.autocomplete.escapeRegex(request.term) + "\w+", "i");
response($.grep(tags, function(item) {
return matcher.test(item);
}));
},
create: function () {
$(this).data('ui-autocomplete')._renderItem = function (ul, item) {
return $('<li>')
.append('<a>' + item.label.replace($("#project").val(), "*"+ $("#project").val() +"*") + '</a>')
.appendTo(ul);
};
}
})
});
答案 1 :(得分:0)
这是您要做的事情的基本概念证明......
$("#entered").on("input", function () {
var content = $('#content').html();
var pattern = "( " + $("#entered").val() + ")";
var regex = new RegExp( pattern, "gi");
var output = content.replace( regex, '<span class="highlight">$1</span>');
$('#output').html( output );
});
这里有更多代码...... http://jsfiddle.net/bashe/t7oxzejh/1/