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

时间:2014-09-09 11:00:48

标签: javascript jquery regex string

我有一个字符串

   var inputStr = 'xzy';

   var match = 'x';

我必须突出显示str中的inputStr。我正在尝试这样的事情

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 
    }

}

任何人都可以帮我解决这个问题

提前致谢

2 个答案:

答案 0 :(得分:1)

乍一看我建议:

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

答案 1 :(得分:1)

对于您的问题,我发现您要实现类似于浏览器的搜索 看看我创造了希望帮助你的小提琴。

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