我想改变td标签的类给定td标签的id:
<td id="td_id" class="change_me"> ...
我希望能够做到这一点,而在一些其他dom对象的点击事件。我如何获取td的id并改变它的类?
我想改变td标签的类给定td标签的id:
<td id="td_id" class="change_me"> ...
我希望能够做到这一点,而在一些其他dom对象的点击事件。我如何获取td的id并改变它的类?
当前回答
我最好使用.prop来改变className,它工作得很好:
$(#td_id).prop('className','newClass');
对于这一行代码,你只需要改变newClass的名称,当然还有元素的id,在下一个例子中:idelementinyourpage
$(#idelementinyourpage).prop('className','newClass');
顺便说一下,当您想要搜索应用于任何元素的样式时,您只需在页面显示时单击浏览器上的F12,然后在DOM Explorer的选项卡中选择您想要查看的元素。在Styles中,你可以看到你的元素应用了什么样式,以及它是从哪个类读取的。
其他回答
我想他是想替换一个类名。
这样做是可行的:
$(document).ready(function(){
$('.blue').removeClass('blue').addClass('green');
});
从http://monstertut.com/2012/06/use-jquery-to-change-css-class/
$('.btn').click(function() {
$('#td_id').removeClass();
$('#td_id').addClass('newClass');
});
or
$('.btn').click(function() {
$('#td_id').removeClass().addClass('newClass');
});
使用jquery更改类
试试这个
$('#selector_id').attr('class','new class');
您还可以使用此查询设置任何属性
$('#selector_id').attr('Attribute Name','Attribute Value');
编辑:
如果你说你从一个嵌套的元素改变它,你根本不需要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');
我最好使用.prop来改变className,它工作得很好:
$(#td_id).prop('className','newClass');
对于这一行代码,你只需要改变newClass的名称,当然还有元素的id,在下一个例子中:idelementinyourpage
$(#idelementinyourpage).prop('className','newClass');
顺便说一下,当您想要搜索应用于任何元素的样式时,您只需在页面显示时单击浏览器上的F12,然后在DOM Explorer的选项卡中选择您想要查看的元素。在Styles中,你可以看到你的元素应用了什么样式,以及它是从哪个类读取的。