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

How to highlight a part of string from given string in Javascript/Jquery

本文关键字：字符串 一部分 显示 Javascript Jquery      更新时间：2023-09-26

我有一个字符串

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

有人能帮我修一下吗

提前感谢

乍一看，我建议：

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

对于您的问题，我发现您想要实现类似于浏览器的搜索看看我创造的希望对你有帮助的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>');
});
相关文章：