class html replace string with symbol

Question

How can i replace a string that contain symbol to a class css? HTML

JQUERY p= '@.class-two'; $('#container').find('.class-one' + ReplaceString(p)).css("background-color", "red"); alert(ReplaceString(p)); // \@\.class-two function ReplaceString (mystring) { return mystring.replace( /(:|\.|\[|\]|,|=|@)/g, "\\" ); } JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

I think, you are struggeling with the jQuery selector. Your replacement does work fine for me. I just removed the backslashes as replacement: function ReplaceString (mystring) { return mystring.replace( /(:|\.|\[|\]|,|=|@)/g, "" ); } Then you have to modify your jQuery selector. If you are having more than one class, then seperate them by comma: $('#container').find('.class-one,.' + ReplaceString(p)).css("background-color", "red"); Here is the full code I tried. It worked fine for me: p= '@.class-two'; $('#container').find('.class-one,.' + ReplaceString(p)).css("background-color", "red"); function ReplaceString (mystring) { return mystring.replace( /(:|\.|\[|\]|,|=|@)/g, "" ); } See the fiddle: https://jsfiddle.net/dnsnx/h3ajdmge/