在其他人并不真正关心网站性能并制作了一个真正反性能的 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/