我需要使用 Jquery 动态更新下面的类。
<tr id='myID' class="size colour"> <td></td> </tr>
我尝试在下面使用:
$("#myID").toggleClass();
它似乎不起作用,因为我的班级名称是“大小颜色”。由于类名是动态的,我无法使用 removeClass。有人可以帮我吗?
谢谢你。
我需要使用 Jquery 动态更新下面的类。
<tr id='myID' class="size colour"> <td></td> </tr>
我尝试在下面使用:
$("#myID").toggleClass();
它似乎不起作用,因为我的班级名称是“大小颜色”。由于类名是动态的,我无法使用 removeClass。有人可以帮我吗?
谢谢你。
您需要使用 JqueryUI 来切换带有动画的类。
此处的文档和演示:http: //jqueryui.com/demos/toggleClass/
您可能需要将类名作为参数传递,即;.toggleClass( className )
否则它正在工作,请参见此处。检查元素以查看结果。
您的类名不是size colour
,但您的元素有两个类,size
并且colour
- 它们彼此独立。
toggleClass()
没有任何参数会删除任何当前存在的类,所以在你的情况下
$("#myID").toggleClass();
将删除两个类size
和colour
. 在第二次调用时,所有这些类都将被再次添加。
如果这是您打算做的,那么它应该可以正常工作并且错误在其他地方。否则,您必须明确您想要实现的目标。
不确定您是否要删除课程或在那里添加另一个课程......但这可能会有所帮助......
// to remove class
$("#myID").attr('class','');
output: <tr id='myID' class="">
//to add something to your exsiting class
var classname=$("#myID").attr('class');
$("#myID").attr('class',classname +' yourclassname');
output: <tr id='myID' class="size colour yourclassname">