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

Blazemonger

93.3k28 gold badges147 silver badges181 bronze badges

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

1 Comment

bozdoz Over a year ago

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

Rob

4,94712 gold badges53 silver badges57 bronze badges

3 Comments

bozdoz Over a year ago

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

Rob Over a year ago

You should use removeClass anyway :D

James Allardice Over a year ago

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

1

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

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

Check the jsfiddle

answered Oct 14, 2011 at 13:37

bozdoz

12.9k8 gold badges74 silver badges100 bronze badges

Comments

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

1

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');

See jsFiddle for demo

answered Oct 14, 2011 at 13:44

mqchen

4,1931 gold badge24 silver badges21 bronze badges

Collectives™ on Stack Overflow

jquery regexp selector

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related