jquery - 如何使用 jQuery 列出页面中的所有类?

标签 jquery css class

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

(我想我可以例如循环写入控制台,...我正在寻找如何在 jQuery 中做而不是完整的解决方案(在这种情况下我从不相信第三方 x))

最佳答案

jQuery 有一个属性选择器 - 只选择具有类属性的元素:) 然后拆分类属性字符串(对于像 class="one two" 这样的情况)并将它们添加到数组(不要忘记检查类是否不为空或不在数组中. 使用 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/

关于jquery - 如何使用 jQuery 列出页面中的所有类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18098537/

相关文章:

jQuery find() 只对 AJAX 结果起作用一次?

javascript - 退出在到达屏幕末尾时创建 div 的 for 循环

java - 如何在Java中将1个文件程序分解为多个类?

python - Tkinter Gui 中的类菜单

javascript - 如何使用 jquery 滚动到模态内具有特定类的元素?

jquery - jQuery 模板插件中的 htmlentities 等效项

html - 当我将鼠标悬停在导航栏中时,如何填充文本背后的背景? [HTML/CSS]

css - 如果我指定了不受支持的媒体查询属性会怎样?

vba - 类成员函数在简单范围函数上抛出错误

javascript - 包括 javascripts 不工作