Home/ Questions/Q 196509
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T16:46:25+00:00

I’m looking to iterate over every class defined on my html page once. I

  • 0

I’m looking to iterate over every class defined on my html page once. I can get classnames back using Jquery, but I’m looking of way just to iterate over each individual classname once rather than for each time it appears on the page.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Kinda odd to do this, but here ya go

    <html>
<head>
   <title>Page</title>  
   <script src="jquery-1.3.2.min.js"></script>
   <script>
       $(function() {

           var classes = {};
           $("*[class]").each(function() {
               var cs = $(this).attr("class").split(/\s/g);
               for (var i = 0; i < cs.length; i++) {
                   if (!classes[cs[i]]) {
                       classes[cs[i]] = true;
                   }
               }
           });

           for (var prop in classes)
               alert(prop);
       });
</script>
</head>
   <body>

   <div class="single"></div>
   <div class="one two three"></div>
   <div class="one two three"></div>
   <div class="one two three four"></div>
   <div class="one two three five"></div>
   <div class="one two three six"></div>

   </body>
</html>
    • 0