如何使用JQUERY动态更新表类

时间:2012-09-20 09:14:27

标签: jquery

我需要使用Jquery动态更新下面的类。

<tr id='myID' class="size colour">  <td></td> </tr>

我试着在下面使用:

  

$( “#本身份识别码”)toggleClass();

由于我的班级名称是“大小颜色”,它似乎不起作用。由于类名是dyanmic,我无法使用removeClass。请有人帮帮我。

谢谢。

4 个答案:

答案 0 :(得分:0)

您需要使用JqueryUI来切换带动画的类。

此处的文档和演示:http://jqueryui.com/demos/toggleClass/

答案 1 :(得分:0)

您可能需要将类名作为参数传递; .toggleClass( className )

否则它正在运作,see here。检查元素以查看结果。

http://www.jqapi.com/#p=toggleClass

答案 2 :(得分:0)

您的班级名称不是size colour,但您的元素有两个班级sizecolour - 这些班级彼此独立。

没有任何参数的

toggleClass()会删除当前存在的所有类,因此在您的情况下

$("#myID").toggleClass();

会删除这两个类,sizecolour。在第二次调用时,将再次添加所有这些类。

如果这是您打算做的,那么它应该可以正常工作,错误在其他地方。否则,你必须澄清你想要达到的目的。

答案 3 :(得分:-1)

不确定是否要删除类或在那里添加另一个类......但这可能会有所帮助......

// 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">