代码之家 › 专栏 › 技术社区 › ebattulga

jquery中css的类属性

jquery

ebattulga · 技术社区 · 15 年前

我需要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上使用。每个模块都包含不同的主题属性。此代码为模块 partial 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>

5 回复 | 直到 15 年前

bobince 15 年前

别这样,太可怕了。

如果你真的需要:

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

真的,真的,这是个糟糕的主意。

newbie 15 年前

可以使用jQuery addClass()方法,只需将css放入类中,然后将该类添加到所选元素中。

http://api.jquery.com/addClass/

Alpesh 15 年前

试试这个-

<html>
<head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
var classes = $('a').attr('class').split(' ');
$('a').attr('class',classes[0]+' '+classes[1]);
var style = classes[2].split('{');
$('a').attr('style',style[1]);
});
</script>
</head>
<body>
<a class="MyClass1 Myclass2 {padding-top:10px;height:20px;}" href="#">hi</a>
</body>
</html>

这完全符合你的要求。

希望有帮助。

sjngm quinti 14 年前

首先获取link元素

var link = $('a.Myclass1').filter('Myclass2');
var classes = link.attr('class');

然后使用regex获取特定的类

var styleClass = classes.match(/\{(.+)\}/gi);

然后从原始链接中删除它并添加样式

link.removeClass(styleClass).attr('style', styleClass);

对于多个类,可以使用.each()方法,如下所示:

link.each(function() {
          var classes = this.attr('class');
          var styleClass = classes.match(/{(.+)}/gi);
          this.removeClass(styleClass).attr('style', styleClass);
});

-2

Aman 15 年前

亲爱的,你可以用class和.classname。试试这个

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前