多个类破坏了jQuery选择器？

Question

我正在一张所有行都至少有一个类的表上工作。 有些行有两个类，另一些行有一个类和一个id。

我有一个简单的jquery来隐藏和显示onclick行，但是设置了所有属性后，什么也没有发生。

如果我删除了其他属性，以便仅使用jquery脚本中的属性，那么它们全部都按计划工作，但由于不再应用该样式，因此看起来不正确。

有人知道这是怎么回事吗？

这是jQuery

`$("td.toggleguest").click(function(){  
        var delegaterow = $(this).parent().attr('id'); 
        var rowspl = delegaterow.split('_');
        var rownum = rowspl[1];
        $('tr.subrow_'+rownum).toggle();
       });

`

从源代码复制的示例HTML标记：

<tr id="delegaterow_7" class="light_row"> 
<td class="toggleguest">Some Content</td> 
<td>Some Content</td> 
<td>Some Content</td> 
<td>Some Content</td> 
<td>Some Content</td> 
<td>Some Content</td> 
<td>Some Content</td> 
</tr>
<tr class="light_row" class="subrow_7">      
<td colspan="6">Some Content</td> 
<td>Some Content</td>
</tr>

表格中包含用于人员的行（每个行的ID为row_X），其中一些行包含来宾。 来宾行的类名称为“ subrow_X”，其中X匹配父行的ID。

我希望不要对表执行此操作，但这是我无法控制的。

任何建议将不胜感激。

谢谢。

Answer 1

您使用的HTML语法不正确：

<tr class="light_row" class="subrow_7">     

不允许具有多个相同的属性。 因此，将class属性组合成一个这样的属性：

<tr class="light_row subrow_7">

jQuery现在应该可以工作了。