Dynamic CSS Classes, REGEX and how to replace them

Question

I am currently working on a project where class names are dynamically generated. I need to style these to override some richface component for the jsf framework.

I have a bunch of css classes that have this format:

rf-edt-hdr-c_idt12  
rf-edt-hdr-c_idt13    
rf-edt-hdr-c_idt14

and so on and so forth.

It is nested pretty deeply in the html and I was wondering what would be the best way to handle this? There are some nasty nested divs inside tables and I need to over ride its behaviour as I have no access to the components the developers used to do up some cleaner html.

Would it be a good idea to use jQuery and if so what plugin would be best? I went down the css route using attribute value by selector by it's not behaving exactly how I want it to. (I think the nested tables and divs might have something to do with that).

It's driving me nuts.

Hidde · Accepted Answer · 2012-05-29 18:31:24Z

2

Yes, use jQuery
Use the starts-with selector: http://api.jquery.com/attribute-starts-with-selector/. You can use $('div[class^="rf-edt-hdr-c_idt"]') to get your element.

answered May 29, 2012 at 18:31

Hidde

12k8 gold badges46 silver badges71 bronze badges

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

7 Comments

user400654 Over a year ago

Note however that this will only work if the class is the first class on the element. A .filter() solution would be more flexible.

Hidde Over a year ago

True, though I think this answer is also just a push in the right direction for him.

Hidde Over a year ago

Start with this, and check if it works. If it doesn't, come back here, and we'll try to make a more complex solution.

Willar Tang Over a year ago

I'm trying to strip all the numerical values after the idt part in the class name. I'm not a developer and am not good at all at the programming part of css

Hidde Over a year ago

$('div[class^="rf-edt-hdr-c_idt"]').attr('class').substr("rf-edt-hdr-c_idt".length); should give the ID.

|

Collectives™ on Stack Overflow

Dynamic CSS Classes, REGEX and how to replace them

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related