How to Match ALL matching classes with jquery each() and hasClass()

Question

Im looping through all divs on a page trying to get the entire class name (multile class names on a div) - for now im just console.logging them out but it only outputs the fitst match - There are another 7 on the page (within the containing wrap div) but im only getting the first one - any ideas why.

The Classes are named:

pge-rep-1, pge-rep-2, pge-rep-3 ... pge-rep-8

The code is thus:

            $('#pagePoints div').each(function (index) 
            {
                if ( $(this).hasClass("pge-rep-"+index) ) {
                    console.log( $(this).attr('class') );   
                }
            });

Nikhil Aggarwal · Accepted Answer · 2018-09-23 04:55:14Z

0

There can be other elements in the selector which does not have any class that starts with pge-rep-. Hence, it is not necessary that the index matches order of the elements with the specified class. You can try the following way using jQuery.is

$('#pagePoints div').each(function (index) {
    if ( $(this).is('[class*=pge-rep-]')) {
        console.log( $(this).attr('class') );   
    }
});

edited Sep 23, 2018 at 4:55

answered Sep 23, 2018 at 4:43

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

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

2 Comments

user962902 Over a year ago

Thanks this one seems to work - all my other attempts used the 'begins with' operator ^ - but i moved away from this syntax as it was getting me nothing. I thought it could find any class amongst multiple class names on the same elements. Cheers thanks for your help

Nikhil Aggarwal Over a year ago

@gone - Glad to help you :)

Collectives™ on Stack Overflow

How to Match ALL matching classes with jquery each() and hasClass()

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related