【问题标题】:How to groups table rows in html to manipulate them with jquery如何在 html 中对表行进行分组以使用 jquery 操作它们
【发布时间】:2010-03-18 21:20:13
【问题描述】:

我有一个包含很多行的 html 表。我目前在一个 div 中对几行进行分组(我知道这很难看),然后显示或隐藏 div 以显示或隐藏其中的行。有没有标准的方法来做到这一点。像行组或多个 tbody 之类的东西,而不是这种丑陋的 div 分组?

【问题讨论】:

  • 雷的回答是正确的。我很惊讶您还没有尝试过,因为您在问题中提到了它。

标签: jquery html dom


【解决方案1】:

为此使用<tbody>标签

【讨论】:

  • 你可以有多个 tbody 来对行进行分组。我认为你每张桌子有一个头、一个身体和一个脚。
  • 多个 tbdodys 都可以。您是正确的,只允许使用一个 thead 和 tfoot。
  • <tbody> 标签不支持其他标签所做的所有事情,例如填充和边距,对于这些情况,@matpol 有更好的解决方案,但这是来自 OP 的问题的最佳解决方案,除非在这些特殊情况下。
  • 当心tbody 自动添加stackoverflow.com/questions/938083/… 并在HTML 上显式添加所有tbody 元素。
  • 如何嵌套 tbody 以将 tbody 上方的行和其中的行分组?
【解决方案2】:

给他们一个一致的类名然后你可以这样做:

$('table td.classname')

为了得到你想要的。

【讨论】:

  • 在过去,在某些浏览器上按类名检索元素可能会慢得令人无法接受。现在它通常内置在 DOM 中。
  • 不应该是tr.classname 吗?
猜你喜欢
  • 2013-07-27
  • 2014-05-17
  • 2011-01-28
  • 1970-01-01
  • 2022-06-27
  • 1970-01-01
  • 1970-01-01
  • 2013-10-29
  • 2012-05-06
相关资源
最近更新 更多