Выделение только первого символа каждого слова

Question

Jquery Autocomplete - выделение первого символа каждого слова.

Например:

Если я ищу слово "а" в автозаполнении, оно должно фильтроваться по словам первой буквы->

Южноазиатская культурная ассоциация Angel House of Georgia

Результатом должно быть выделение первого символа каждого слова, а фильтр также должен основываться на первом символе.

Исключенный выход:

Юг ** A ** sian Культурная ** A ** ассоциация ** A ** нгель Дом Грузии

Может ли кто-нибудь помочь мне в этом?

Answer 1

Я надеюсь, что это работает:

$( "#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);
        };
    }
})

});

Answer 2

Вот основные доказательства того, что вы пытаетесь сделать...

$("#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/