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

Question

<div class='progress-20'>

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

Answer 1

您可以使用attr()设置元素的class属性。您需要为class selector选择div。

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

根据评论

修改。

如果20可以更改

，您可以使用starts with attribute selector

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

Answer 2

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

Answer 3

尝试使用toggleClass()，

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

Answer 4

试试这个演示：http://jsfiddle.net/Ja2SU/

或此演示 http://jsfiddle.net/bFLju/

* API：

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

您可以使用attr或removeClass，然后使用addClass

给你几个选择希望任何人都能满足你的需要:)

<强>代码

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

或

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