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

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

Collectives™ on Stack Overflow

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

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related