使用jquery设置自定义属性和值

Question

<div class='progress-20'>

我想用其他值改变进度-20，我通过自定义表达式得到了值。

Answer 1

You can use attr() to set the class attribute of the element. You need to select the div for that you can use class selector .

$('.progress-20').attr('class','newclass');

Edit based on comments.

You can use starts with attribute selector if 20 could change

$('[class^=progress-]').attr('class','newclass');

Answer 2

$('.progress-20').attr('class','new_value')

Answer 3

尝试toggleClass（）之类的，

$('div').toggleClass('progress-20 newclass');

Answer 4

Try this Demo: http://jsfiddle.net/Ja2SU/

OR this demo http://jsfiddle.net/bFLju/

*API:

• attr http://api.jquery.com/attr/
• removeAttr http://api.jquery.com/removeAttr/
• addClass http://api.jquery.com/addClass/

you could use attr or removeClass and then addClass

Gave you few choices hope anyone will fit you need :)

Code

$(function () {
    alert(' before altering => ' + $('div').attr('class'));
    $('div').attr('class', 'foobar');
    alert(' after altering => ' + $('div').attr('class'));
});

or

$(function () {
    $('div').removeAttr('class').addClass('foobar');
});