Find the elements that start with class using jQuery selector

Question

I have the following list of elements.

 <tr id="level_0">
 <tr class="level_0_1">
 <tr class="level_0_2">
 <tr class="level_0_2_1">
 <tr class="level_0_2_2">
 <tr class="level_0_2_3">
 <tr class="level_0_2_3_1">
 <tr class="level_0_2_3_2">

I am trying select all the elements that have class level_0_2_X and not level_0_2_X_X

Using the jQuery "starts with" selector I am able to select all the elements that have class level_0_2_X and level_0_2_X_X

   $("tr[class^='level_0_2_']").show();

Please be careful when posting questions. You kept referring to your class as id. I edited it accordingly to match your code. — Sparky
– Sparky, Commented Feb 14, 2013 at 19:07

Denys Séguret · Accepted Answer · 2013-02-14 19:36:49Z

6

You'd better combine a selector with a filtering function :

$('[id^=level_0_2_]').filter(function(){ return this.id.split('_').length<5 })

If what you want is in fact a filtering on the class, you may use this :

$('[class^=level_0_2_]').filter(function(){
    return this.className.split('_').length<5
})

edited Feb 14, 2013 at 19:36

answered Feb 14, 2013 at 19:04

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

4 Comments

naugtur Over a year ago

doh, you beat me to it . +1

Bhushan Firake Over a year ago

Another bikeshed here...:)

Denys Séguret Over a year ago

The question isn't clear as it mix id and class. Maybe an adjustment would be needed.

Swathi Over a year ago

@dystroy It throws TypeError: this.classname is undefined. Thanks for your help.

Amar · Accepted Answer · 2013-02-14 19:05:23Z

1

Try using match(). Following must get the job done for you:

$('tr').each(function(){
     if( $(this).attr('id').match(/pattern/) ) {
          $(this).show();
     }
  }

Just use the pattern as required. Also above I have used 'id', you get the 'class' attribute if required and match against that.

answered Feb 14, 2013 at 19:05

Amar

12k5 gold badges52 silver badges73 bronze badges

Collectives™ on Stack Overflow

Find the elements that start with class using jQuery selector

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related