[satis]

I must be making a simple mistake, but I can't get a .replace() with regex working. Here's a code example that works:

	var title = $(this.titleBlock).find('.title')[0];
		title.innerHTML = 'This is a test';
	var searchTerms = ['is', 'test'];
	for(var i in searchTerms){
		title.innerHTML = title.innerHTML.replace(searchTerms[i], '<span class="highlight">' + searchTerms[i] + '</span>');
	}

But if I try to turn the search into a regex, it doesn't work. I want to use regex for global and case insensitive replace:

	var title = $(this.titleBlock).find('.title')[0];
		title.innerHTML = 'This is a test';
	var searchTerms = ['is', 'test'];
	for(var i in searchTerms){
		title.innerHTML = title.innerHTML.replace(/searchTerms[i]/gi, '<span class="highlight">' + searchTerms[i] + '</span>');
	}

I get no errors, but nothing is replaced. Can anyone tell me what I'm doing wrong?

[Atli]

You can't define a dynamic expression that way. You'll have to use the RegExp object to create that kind of an expression.

var regexp = new RexExp(searchTerms[i], "gi");

[satis]

Got it, thank you.

	for(var i in searchTerms){
		var regexp = new RegExp(searchTerms[i], 'gi');
		title.innerHTML = title.innerHTML.replace(regexp, '<span class="highlight">' + searchTerms[i] + '</span>');
	}

Now I need to dig into regex a bit so I don't end up replace strings inside html tags, but I can plug away at that on my own. I appreciate the speedy response.

[Dormilich]

Note: for…in is not supposed to be used on arrays (that would be a standard for loop). for…in is intended for looping over object properties.