Loading...

Search jQuery

Search

jQuery Forum

Change font color

in Using jQuery • 8 years ago

I have a function which takes the word that I type in a text box, compares it to an array and if the word matches an element in the array, it wraps it in a `span` tag and tries to change the color of that word. However, I can not get the font color to actually change.. Can somebody please help me?

function wrapLinesForKeyword($container, word) {
var word = word.trim();
var tmp = '';
for (var i = 0; i < reservedKeyWords.length; i++) {
if (word == reservedKeyWords[i]) {
var tmp = '<span>' + word + '</span> ';
$(word).css('color', 'blue');
console.log(tmp);
}
}
}

1

Replies(2)

jakecigar

Re: Change font color

8 years ago

I’m not sure what you are doing with the reserved words, but http://jsfiddle.net/jakecigar/cwhpkxdh/ should be a good start.

JΛ̊KE

watusiware

Re: Change font color

8 years ago

Let's assume word has the value "function". It is a string, correct?

$(word).css('color', 'blue');

will apply the CSS to every <function> element in your document. I doubt that's what you want to do.

You want this:

var tmp = '<span style="color:blue;" >' + word + '</span> ';

Or, better still:

var tmp = '<span class="reserved_word">' + word + '</span> ';

And apply the color in a style sheet.