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

Question

I have a string

   var inputStr = 'xzy';

   var match = 'x';

I have to highlight the str from the inputStr. I was trying something like this

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 
    }

}

Can any one please help me fix this

Thanks in advance

what is length.new_str??

Neel
– Neel

2014-09-09 11:01:58 +00:00
Commented Sep 9, 2014 at 11:01 — Neel
– Neel, Commented Sep 9, 2014 at 11:01
You're looking for string.replace.

georg
– georg

2014-09-09 11:02:20 +00:00
Commented Sep 9, 2014 at 11:02 — georg
– georg, Commented Sep 9, 2014 at 11:02
@Neel sorry it was a typo . I fixed it

Vikram Anand Bhushan
– Vikram Anand Bhushan

2014-09-09 11:04:31 +00:00
Commented Sep 9, 2014 at 11:04 — Vikram Anand Bhushan
– Vikram Anand Bhushan, Commented Sep 9, 2014 at 11:04

David Thomas · Accepted Answer · 2014-09-09 11:04:34Z

1

I'd suggest, at first glance:

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

answered Sep 9, 2014 at 11:04

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

anubhava Over a year ago

What is str has a special character like ( or $ or .

Vikram Anand Bhushan Over a year ago

@anubhava in my case it will not have any special character because I was trying to modify the . Old Auto complete plugin of Jquery . It is already filtering the special characters . this is more than enough :).

flipper · Accepted Answer · 2014-09-09 11:21:37Z

1

For your question i found that you want to implement a search similar to that of the browser check out the Fiddle that i have created hope that helpes you.

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

answered Sep 9, 2014 at 11:21

flipper

1463 silver badges11 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related