jquery - 在 tr 中对 td 标签进行分组

Question

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

Answer 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'});

演示在这里

Answer 2

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

这是一个小提琴。

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

$("td.yourClass");

或者，如果您想要所有没有类的（反向选择），您可以将选择器更改为$("td:not(.yourClass.)");返回所有没有类的td yourClass。