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

相關問題