jQuery:如何将所有样式表类+id 放入数组中

Question

我正在使用应用了 .css 的所见即所得编辑器 - 我怎样才能将它的所有类放入一个变量中，例如。 allClasses = ['navi','main']?

谢谢

Answer 1

使用[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 最后在数组上被调用，因为类名可能在多个地方重复，我猜你不想重复。

此处示例:http://jsfiddle.net/G4Pwc/