如何使用 jQuery 列出页面中的所有类？

Question

在其他人并不真正关心网站性能并制作了真正反性能的CSS之后，我得到了一个eshop，并且由于没有CSS minifyer可以在如此巨大的CSS文件（甚至不是eshop自己的）上正确地跨浏览器工作，我决定清除我自己使用 CSS，要做到这一点，我需要页面上使用的类的完整列表 - 如何获取 jQuery 页面上使用的类的完整列表？

（Somtehining，例如，我可以循环写入控制台，...而且我正在寻找如何在 jQuery 中执行操作，而不是完整的解决方案（在这种情况下，我从不相信第三方 x））

Answer 1

jQuery 有一个属性选择器- 仅选择具有类属性的元素:)然后分割类属性字符串（对于像class="onetwo"这样的情况）并将它们添加到数组中（不要忘记检查类是否不为空或是否已存在）数组。使用this.valueOf()检查和保存字符串:)

var classes = [];
$('[class]').each(function(){
    $($(this).attr('class').split(' ')).each(function() { 
        if (this.length>0 && $.inArray(this.valueOf(), classes) === -1) {
            classes.push(this.valueOf());
        }    
    });
});
console.log("LIST START\n\n"+classes.join('\n')+"\n\nLIST END");

JSFiddle 链接： http: //jsfiddle.net/MWJKL/