jQuery：如何获取所有样式表类+；将ID放入数组中

我使用的是一个应用了.css的wysiwyg编辑器-如何将它的所有类放入一个变量中，例如allClasses=['navi'，'main']

---

thx

使用

[id]

或

[class]

选择器。选择已定义此属性的所有元素的。然后对它们调用

attr（'id'）

，并获取id

(function($) {
    $.fn.allAttributes = function(attrName) {
        var selector = "[{attr}]".replace("{attr}", attrName);
        var attributes = $(selector, this).map(function() {
            return $(this).attr(attrName).split(' ');
        });
        attributes = $.unique(attributes);
        return attributes;
    };
})(jQuery);

这是一个jQuery插件，它正好做到了这一点。用法示例：

var ids = $("body").allAttributes("id");
var classes = $("body").allAttributes("class");

一些注意事项：

函数正在调用

split（“”）

，因为

class

属性可以有多个CSS类，这些类由字符串分隔，例如

“main navi footer”

。这将它们分成不同的项目

$。在数组的末尾调用unique

，因为类名可能在多个位置重复，我猜您不希望重复

---

这里的示例：

使用

[id]

或

[class]

选择器。选择已定义此属性的所有元素的。然后对它们调用

attr（'id'）

，并获取id

(function($) {
    $.fn.allAttributes = function(attrName) {
        var selector = "[{attr}]".replace("{attr}", attrName);
        var attributes = $(selector, this).map(function() {
            return $(this).attr(attrName).split(' ');
        });
        attributes = $.unique(attributes);
        return attributes;
    };
})(jQuery);

这是一个jQuery插件，它正好做到了这一点。用法示例：

var ids = $("body").allAttributes("id");
var classes = $("body").allAttributes("class");

一些注意事项：

函数正在调用

split（“”）

，因为

class

属性可以有多个CSS类，这些类由字符串分隔，例如

“main navi footer”

。这将它们分成不同的项目

$。在数组的末尾调用unique

，因为类名可能在多个位置重复，我猜您不希望重复

示例如下：