如何在Javascript / Jquery中突出顯示給定字符串中的一部分字符串

Question

我有一串

   var inputStr = 'xzy';

   var match = 'x';

我必須從inputStr突出顯示str 。 我正在嘗試這樣的事情

var inputStr = "vikram";
var match = 'v';
var new_str = str.split('');

for(var i = 0;i<=new_str.length;i++)
{
    if(match == new_str[i])
    {
         var x_str += ''//code to bold that charachter and add in the array 
    }

}

誰能幫我解決這個問題

提前致謝

Answer 1

我建議乍一看：

var inputStr = inputStr.replace(new RegExp('(' + str + ')', 'g'), '<strong>$1</strong>');

Answer 2

對於您的問題，我發現您想實現與瀏覽器類似的搜索，請查看我創建的Fiddle，希望對您有所幫助。

[http://jsfiddle.net/raLnLyb4/][1]

var $search = 'vi';
var $names = $('.search_string p');
  var match = RegExp($search, 'gi');
  $names.filter(function(){ return match.test($(this).text()) })
    .html(function(){
      if (!$search) return $(this).text();
      return $(this).text().replace(match, '<span class="highlight">$&</span>');
});