jquery - 当子行数低于一定数量时隐藏表格

Question

我有一个页面，其中包含 10 个 php/mysql 生成的表。所有表都有相同的 ID。

行数不同。当其中一个表的行数小于 3 时，我想隐藏整个表。

如何循环遍历表格并隐藏特定表格。用jQuery吗？

Answer 1

All the tables have the same ID.

ID 必须是唯一的。请改用类。

回答您的问题:隐藏所有没有可见第三行的表格，注意 eq() 是从零开始的:

$('table:not(:has(tr:visible:eq(2)))').hide();

td {
  border: 1px solid gray;
}

.hidden {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr><td>Hidden</td></tr>
  <tr><td>Hidden</td></tr>
</table>

<table>
  <tr class="hidden"><td>Hidden</td></tr>
  <tr><td>Hidden</td></tr>
  <tr><td>Hidden</td></tr>
</table>

<table>
  <tr class="hidden"><td>Hidden</td></tr>
  <tr><td>Visible</td></tr>
  <tr><td>Visible</td></tr>
  <tr><td>Visible</td></tr>
</table>