ansaurus

Question

class attribute with css in jquery

Answer 1

A:

Dear your can use class with .classname. try this

Aman 2010-09-27 09:43:15

Such a crap answer, doesn't even constitute a sentence!

ILMV 2010-09-27 09:51:37

Answer 2

A:

You can use jQuery addClass() method, just put your css in class and then add that class to selected element.

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

newbie 2010-09-27 09:45:13

read the question. he wants the class removed, and style added, not the other way around.

RPM1984 2010-09-27 09:46:04

He wants to add styling to element. What he is doing is not proper way, because that is not what classes are for.

newbie 2010-09-27 13:17:17

I know it's not the proper way, but say that, don't just offer a solution which will confuse the OP without providing reasoning.

RPM1984 2010-09-27 22:11:19

Answer 3

+1 A:

Don't do this, it's horrible.

If you really need to:

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

This is seriously, seriously, a terrible idea.

bobince 2010-09-27 10:00:24

Answer 4

A:

First you fetch the link element

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

var classes = link.attr('class');

then obtain the specific class using regex

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

then remove it from the originlal link and add the style

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

For multiple classes you can use the .each() method as follows:

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

});

Alexander Suraphel 2010-09-27 10:01:16

Answer 5

A:

Try This -

<html>
<head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
<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>

This works perfectly the way you want.

Hope it help's.

Alpesh 2010-09-27 10:09:58

ansaurus

tags:

views:

answers:

class attribute with css in jquery

related questions