Hi all

I have an image with a class "right-40"

<img class="right-40" src=".." alt=".." />

I need to use jQuery to find any image on the page with
the class "right-40", remove the class from the image,
and create a wrapper DIV around the image with class "right-40".

<div class="right-40"><img src=".." alt=".." /></div>

Easy peasy, right?

BUT

There could also be other images on the page with similar
class names like "right-45", "right-65" etc.

Rather than writing out every possible class name into a conditional
statement, how can I get jQuery to look for any class names
that fit the patter [right-*]

I am guessing there might be a bit of REGEX that would do the job?
Or is there an even more efficient way to get jQuery to parse the document?

Help appreciated.

You're right, its regex but it's not supported by jquery natively (maybe in the new version). But here's a filter you could use:

http://james.padolsey.com/javascript...or-for-jquery/

and selector would be something like

$("img:regex(class, right-[0-9+])")

i suck at regex so that's a guess there, you'll have the get help from a better regex expert

You could probably make due with the "starts with" selector.
http://api.jquery.com/attribute-starts-with-selector/

Originally Posted by lizciz

You could probably make due with the "starts with" selector.
http://api.jquery.com/attribute-starts-with-selector/

Thanks. That seems like just what I need.