仅突出显示每个单词的第一个字符

时间:2014-08-27 12:16:39

标签: jquery jquery-ui autocomplete jquery-autocomplete jquery-ui-autocomplete

Jquery Autocomplete - 突出显示每个单词的第一个字符。

例如:

如果我正在搜索' a'在自动填充中,它应该按第一个字母 - >

的字词进行过滤

南亚文化协会 佐治亚州天使之家

结果应该是突出显示每个单词的第一个字符,过滤器也应该基于第一个字符。

例外输出:

South ** A ** sian Cultural ** A ** ssociation ** A ** ngel House of Georgia

任何人都可以帮我吗?

2 个答案:

答案 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/