Adding class instead of inline styling

Question

the following code I have written for inline styling, instead of that i need to provide the class from from different .css file using jquery .addClass method. How Can I do that?

$(keywords).each(function(){                 
        var pattern = new RegExp("("+this+")", ["i"]);              
        var rs = "<span style='background-color:#FF6666;font-weight:bold'>$1</span>";  
        if(el.length > 0){
            el.html(el.html().replace(pattern, rs));
        }

    });

You don't have to replace like that, before I suggest a solution, can you please show the HTML code where you are trying to do this? Or what exactly is keywords, el in your code. — KBN
– KBN, Commented Feb 13, 2013 at 12:15

Darren · Accepted Answer · 2013-02-13 12:04:52Z

1

$(keywords).each(function(el){                 
     $(el).addClass('yourClass');
});

answered Feb 13, 2013 at 12:04

Darren

71.2k24 gold badges141 silver badges146 bronze badges

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

1 Comment

KBN Over a year ago

modify it to this $(el).addClass('yourClass').attr("style", ""); and that'll clear the inline style after adding class.

Viktor S. · Accepted Answer · 2013-02-13 12:08:01Z

0

If you need to style your newly created span element just replace style="..." with class="className", no need to use addClass

$(keywords).each(function(){                 
        var pattern = new RegExp("("+this+")", ["i"]);              
        var rs = "<span class="class">$1</span>";  
        if(el.length > 0){
            el.html(el.html().replace(pattern, rs));
        }
    });

Or, if you have to set class to a different object, just do

$("selector").addClass("className")

answered Feb 13, 2013 at 12:08

Viktor S.

12.8k1 gold badge30 silver badges56 bronze badges

3 Comments

ShriM Over a year ago

thanks a lot , the var rs = "<span class="class">$1</span>"; thing worked.

ShriM Over a year ago

Further to this I m facing one more issue- by applying above changes i am able to highlight the first occurrence keyword but not the subsequent once.

Viktor S. Over a year ago

try to replace new RegExp("("+this+")", ["i"]); with new RegExp("("+this+")", "ig");` (g means global search, do not stop at first match)

Collectives™ on Stack Overflow

Adding class instead of inline styling

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related