jquery regexp selector

Question

I have a simple example:

<li id="item0" class="test"> ..... <li id="item10" class="test">

How to remove class "test" from all elements this id =~ "#item\d{1,}" using jquery ?

For this case, the attribute "starts with" selector should be fine, but if you are wanting to use more complicated regular expressions in your selectors, check out this extension: james.padolsey.com/javascript/regex-selector-for-jquery — James Allardice
– James Allardice, Commented Oct 14, 2011 at 13:38

Blazemonger · Accepted Answer · 2011-10-14 13:35:43Z

6

Use the attribute starts with selector to get just those IDs:

$('li[id^="item"]').removeClass('test');

answered Oct 14, 2011 at 13:35

93.3k28 gold badges147 silver badges181 bronze badges

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

1 Comment

Good call. Beat me by a minute or so. ;)

Rob · Accepted Answer · 2011-10-14 13:31:08Z

1

$(youritem).removeClass('test');

answered Oct 14, 2011 at 13:31

4,94712 gold badges53 silver badges57 bronze badges

I don't think removeAttr would work. removeClass is what you want.

You should use removeClass anyway :D

I think the question is how to use the regex as a selector, not how to remove the class...

bozdoz · Accepted Answer · 2011-10-14 13:37:51Z

I believe you would need a ^= selector on the element.

$('li[id^=item]').removeClass('test');

Check the jsfiddle

mqchen · Accepted Answer · 2011-10-14 13:44:06Z

If you want to use regex expressions in your jQuery selectors, check out this plugin: http://james.padolsey.com/javascript/regex-selector-for-jquery/

In this context it would be something like:

$('.test:regex(id, ^item([0-9]+)$)').removeClass('test');