Question

我正在尝试设置一个包含td标签组的“容器”，以便更好地与jquery一起使用。基本上我想要根据我动态生成的一些数据显示一组特定的tds并隐藏其他tds组。我尝试过使用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'});

demo here

Answer 2

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

这是fiddle。

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

$("td.yourClass");

或者，如果你想要所有那些不拥有该类（反向选择），你可以将选择器更改为$("td:not(.yourClass.)");，返回所有执行的td不拥有yourClass类。

在tr中分组td标签

2 个答案: