Question

我希望迭代我的html页面上定义的每个类。我可以使用Jquery返回类名，但是我只想迭代每个单独的类名而不是每次它出现在页面上。

Answer 1

有点奇怪这样做，但在这里你去了

<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>

JQuery在页面上迭代DISTINCT类

1 个答案: