-1

Jquery自动完成 - 突出显示每个单词的第一个字符。仅突出显示每个单词的第一个字符

例如:

如果我用这个词“A”中的自动完成,应该由>

南亚文化协会 天使之家的第一信纸的话过滤搜索格鲁吉亚

结果应该是通过突出显示每个字的第一字符和所述过滤器还应当基于第一炭..

的例外输出:

南** A **西安文化** A ** ssociation ** A **格鲁吉亚安赫尔

众议院任何一个可以帮助我在这?

+0

请告诉我们您的帮助你的代码 – 2014-08-27 12:26:58

回答

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); 
     }; 
    } 
}) 

});

+0

谢谢。但是自动完成应该检查每个单词的第一个字符,并根据该结果突出显示结果。 例如: – Jagadeesh 2014-09-03 06:20:12

+0

感谢您的帮助。但是自动完成应该检查每个单词的第一个字符,并根据该结果突出显示结果。 例如:如果我正在搜索“s”这个词,它应该过滤下面的结果----宠物救援协会,南亚文化协会,赞助教育机会。在这个“宠物救援协会”社会是3这个词的第一个字。任何人都可以为此提供帮助。 – Jagadeesh 2014-09-03 06:28:44

+0

我更新了正则表达式,它应该现在就按你的意思工作。 – Wheeler 2014-09-03 08:37:31

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/

相关问题