Jquery 读取DOM中的所有类名，读取这些类的样式值并将它们内联添加到元素中？

我需要以电子邮件的形式发送HTML内容。由于outlook不理解所有css类名，我计划将css类转换为内联样式。html元素的ID不是标准的。每次都会有所不同。因此，我想读取主DIV下HTML中的所有类名，转到CSS文件，读取类名的样式值，并将它们作为内联样式添加到元素中

HTML:

---

我能用这个库实现它。下面是添加到我的js中的代码

function addInlineStyles(){
var cssRules = {
    'propertyGroups': {
        'block': ['margin', 'padding'],
        'inline': ['color', 'font-size', 'font-family'],
        'headings': ['font-size', 'font-family' ]
    },
    'elementGroups': {
        'block': ['DIV', 'P', 'H1'],
        'inline': ['SPAN','P','DIV'],
        'headings': ['H1', 'H2', 'H3']
    }
}
$("#mainDiv").inlineStyler(cssRules);
}

---

强烈建议使用第三方工具为您执行此操作。谷歌搜索“css内联线”会给你一些提示。

.ms-rteFontFace-1{"font-family":"tahoma"}
.ms-rteFontFace-2{"font-family":"georgia"}
.ms-rteFontFace-3{"font-family":"arial"}  etc

.ms-rteFontSize-1{"font-size":"11pt"} 
.ms-rteFontSize-2{"font-size":"12pt"} 
.ms-rteFontSize-3{"font-size":"13pt"}  etc

function addInlineStyles(){
var cssRules = {
    'propertyGroups': {
        'block': ['margin', 'padding'],
        'inline': ['color', 'font-size', 'font-family'],
        'headings': ['font-size', 'font-family' ]
    },
    'elementGroups': {
        'block': ['DIV', 'P', 'H1'],
        'inline': ['SPAN','P','DIV'],
        'headings': ['H1', 'H2', 'H3']
    }
}
$("#mainDiv").inlineStyler(cssRules);
}