带有rowspan属性的Jquery切换

尝试为每个第二行切换意味着

classname=readdetail

，但由于第一行具有属性rowspan，它的下一行似乎会中断

我能做什么？有其他解决办法吗？ 当用户单击切换按钮时，如何显示第二行，而不影响第一行的rowspan属性

我的html表格结构是：

jQuery（文档）.ready（函数（）{
jQuery（'#btnAdd'）。on（'click'，函数（e）{
jQuery（'.readdetail'）.toggle（）；
});
});

切换




高级职员
学名
类名
行动
1.
测试1
第一类
取消
87
90
1.
测试2
类别2
取消
44
54
1.
测试3
类别3
取消
84
72
试试这段代码。我正在用
rowspan=2
向
td
添加一个类。现在根据other
tr


jQuery（文档）.ready（函数（）{
$（“td[rowspan='2']”）addClass（“toggleRowSpan”）；
jQuery（'#btnAdd'）。on（'click'，函数（e）{
jQuery（'.readdetail'）.toggle（）；
如果（$（“.readdetail:可见”）.length==0）{
$（“.toggleRowSpan”）.attr（“rowSpan”，“1”）；
}
否则{
$（“.toggleRowSpan”）.attr（“rowSpan”，“2”）；
}
});
});

切换




高级职员
学名
类名
行动
1.
测试1
第一类
取消
87
90
1.
测试2
类别2
取消
44
54
1.
测试3
类别3
取消
84
72
试试这段代码。我正在用
rowspan=2
向
td
添加一个类。现在根据other
tr


jQuery（文档）.ready（函数（）{
$（“td[rowspan='2']”）addClass（“toggleRowSpan”）；
jQuery（'#btnAdd'）。on（'click'，函数（e）{
jQuery（'.readdetail'）.toggle（）；
如果（$（“.readdetail:可见”）.length==0）{
$（“.toggleRowSpan”）.attr（“rowSpan”，“1”）；
}
否则{
$（“.toggleRowSpan”）.attr（“rowSpan”，“2”）；
}
});
});

切换




高级职员
学名
类名
行动
1.
测试1
第一类
取消
87
90
1.
测试2
类别2
取消
44
54
1.
测试3
类别3
取消
84
72
那么您不解决什么问题？（它与stackoverflow规则无关……它与HTML的工作方式有关。如果你不包含javascript文件，你就无法访问
jQuery
对象）。当我点击“切换”按钮时，它不仅会切换第二行，还会干扰下一行的td位置。那么你不解决这个问题吗？（它与stackoverflow规则无关……它与HTML的工作方式有关。如果不包含javascript文件，则无法访问
jQuery
对象）。当我单击“切换”按钮时，它不仅会切换第二行，而且还会干扰下一行的位置。