如何在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>');
});