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

时间:2013-05-23 19:16:18

标签: jquery

我正在尝试创建一个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)

      }

谢谢!

1 个答案:

答案 0 :(得分:2)

要构建页面的ID数组,您可以执行

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' });