在 tr 中对 td 标签进行分组答案

【问题标题】：grouping td tags within a tr在 tr 中对 td 标签进行分组
【发布时间】：2012-12-20 23:17:14
【问题描述】：

我正在尝试在 tr 内设置一个包含一组 td 标签的“容器”，以便更好地与 jquery 一起使用。基本上我想根据我动态生成的一些数据显示某组 td 并隐藏其他组 td。我尝试过使用 tbody 但这似乎不起作用，并且 div 和 span 似乎抱怨它们不能嵌套在元素 tr 中。有没有合适的方法来做到这一点？

【问题讨论】：

一个容器？比如……一张桌子？
您可以在每个 td 上使用一个类，并使用该类来操作它们以保持。

标签： jquery html

【解决方案1】：

最合适的方法是为每个“TD”元素分配一个特定的类名，您可以稍后将其作为选择器引用。

例子：

<tr>
  <td>foo</td>
  <td>foo</td>
  <td>foo</td>
  <td class="bar">bar</td>
  <td class="bar">bar</td>
  <td class="bar">bar</td>
  <td>foo</td>
  <td>foo</td>
</tr>

$('td.bar').css({color: 'red'});

demo here

【讨论】：

附带说明：如果 OP 需要更具体（即分别将它们分组到 TRs 中），那么他需要使用类、id 或知道它的索引来识别 TR 容器表/tbody。
我显然是个白痴。我知道类选择器，只是没有考虑将一个类分配给多个元素。 gr。我可以看到我的问题是如何被否决的，这是一个愚蠢的问题。无论如何，感谢您的回答。

【解决方案2】：

向这些“组”添加一个类，并根据类更改 td 的可见性。例如，如果您将“yourClass”类添加到您不希望看到的所有类中，并设置以下 CSS 语句：.yourClass{ display:none }，您将看不到那些 td

这是fiddle。

然后你可以通过类本身使用 jQuery 从你的表中选择那些 td！

$("td.yourClass");

或者，如果您希望所有不具有该类（反向选择），您可以将选择器更改为 $("td:not(.yourClass.)");，返回所有 不拥有yourClass 类。

【讨论】：