jquery - 从页面中获取所有 id 及其样式属性

Question

我正在尝试创建一个 CSS 文件并在下面包含此代码。但是在这里它“提醒”每个元素的样式属性（根据代码非常合乎逻辑）但是我怎样才能通过一个循环来获取所有元素属性PrintCss = "#" + id + "{" + cssMap[id]+"}";

所以以后我可以用它把它保存为 CSS 文件？

    var cssMap = {};
    $('[id^="textHolder"],[id^="youtubeHolder"],[id^="imgHolder"],[id^="mapHolder"],[id^="fb-iframe"],[id^="fb-beforelike"],[id^="quiz-container"], [id^="bfTextHolder"]').each(function(){
    cssMap[this.id] = $(this).attr('style');
    });
    for(id in cssMap) {      
        PrintCss = "#" + id + "{" + cssMap[id]+"}";

          alert(PrintCss)

      }

谢谢！

Answer 1

要构建页面 ids 的数组，您可以执行

var ids = $('[id]').map(function(){return this.id}).get()

要直接构建地图 id -> 样式，请执行

var cssMap = {};
$('[id]').each(function(){ cssMap[this.id]=this.style });

或者直接构建你的 css ：

PrintCss = '';
$('[id]').each(function(){ PrintCss += this.id + '{' + this.style + '}\n' });