jquery - jquery 中带有 css 的 class 属性

Question

我需要 jquery 函数来执行此操作:

第一:

<a class="MyClass1 Myclass2 {padding-top:10px;height:20px;}"></a>

调用函数后:

<a class="MyClass1 Myclass2" style="padding-top:10px;height:20px;"><a/>

函数必须适用于所有元素

编辑

例如:我正在asp.net mvc上使用。每个模块都包含不同的主题属性。此代码是模块部分 View 部分。

<div class="<%=Model.Theme.HeaderClass%>">...content goes here
</div>
<div class="<%=Model.Theme.BodyClass%>">...content goes here</div>
<div class="<%=Model.Theme.PagerClass%>">
<a class="<%=Model.Theme.PagerItemClass%>"> </a>
</div>

Answer 1

不要这样做，这太可怕了。

如果您确实需要:

$('.MyClass1.MyClass2').each(function() {

    // Find classes with name {...}
    //
    var classes= this.className.split(/\s+/g);
    for (var i= classes.length; i-->0;) {
        if (classes[i].slice(0, 1)==='{' && classes[i].slice(-1)==='}') {

            // Remove class from classname list, copy content to style
            //
            var styles= classes.splice(i, 1)[0].slice(1, -1);
            this.className= classes.join(' ');
            $(this).attr(style, styles);
        }
    }
};

这真是一个糟糕的主意。