使用jquery更改类

试试这个

$('#selector_id').attr('class','new class');

您还可以使用此查询设置任何属性

$('#selector_id').attr('Attribute Name','Attribute Value');

你可以签出addClass或toggleClass

使用jQuery 你可以使用.attr()来设置类(不管它是什么)，像这样:

$("#td_id").attr('class', 'newClass');

如果你想添加一个类，可以使用.addclass()，如下所示:

$("#td_id").addClass('newClass');

或者使用.toggleClass()交换类的简单方法:

$("#td_id").toggleClass('change_me newClass');

下面是专门用于class属性的jQuery方法的完整列表。

编辑:

如果你说你从一个嵌套的元素改变它，你根本不需要ID。你可以这样做:

$(this).closest('td').toggleClass('change_me some_other_class');
    //or
$(this).parents('td:first').toggleClass('change_me some_other_class');

http://api.jquery.com/closest/ http://api.jquery.com/parents/

最初的回答:

$('#td_id').removeClass('change_me').addClass('some_other_class');

另一种选择是:

$('#td_id').toggleClass('change_me some_other_class');

$('.btn').click(function() {
    $('#td_id').removeClass();
    $('#td_id').addClass('newClass');
});

or

$('.btn').click(function() {
    $('#td_id').removeClass().addClass('newClass');
});

我最好使用.prop来改变className，它工作得很好:

$(#td_id).prop('className','newClass');

对于这一行代码，你只需要改变newClass的名称，当然还有元素的id，在下一个例子中:idelementinyourpage

$(#idelementinyourpage).prop('className','newClass');

顺便说一下，当您想要搜索应用于任何元素的样式时，您只需在页面显示时单击浏览器上的F12，然后在DOM Explorer的选项卡中选择您想要查看的元素。在Styles中，你可以看到你的元素应用了什么样式，以及它是从哪个类读取的。