javascript - 如果显示的 tr 数量小于 n，则隐藏 tbody

Question

我有一个如下所示的表格

<table>
  <tbody>
    <tbody class="green">
        <tr>
            <td>Data</td>
        </tr>
    </tbody>
    <tbody class="blue">
        <tr>
            <td>Data</td>
        </tr>
    </tbody>
 </tbody>
</table>

如果 tbody 内的 tr 数量小于 2，是否可以使用 jquery 从表中隐藏每个 tbody？我厌倦了这个，但它不起作用。表中的所有 tr 都被隐藏了。

   $('.table tbody').each(function(){ 
  if($(this).not("tr:hidden").length <2)
    {      
      $(this).parent().find("tbody").hide();
    }
   });

Answer 1

您可以在 this 对象上使用 find() 来查找所有 tr 的长度

$(this).find("tr").length

然后您可以使用 this 来定位要隐藏的特定 tbody 元素。

请注意:嵌套的tbody(tbody内的tbody)无效。

演示:

$('table tbody').each(function(){ 
  if($(this).find("tr").length < 2){      
    $(this).hide();
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
    <tbody class="green">
        <tr>
            <td>First tbody Data1</td>
        </tr>
    </tbody>
    <tbody class="blue">
        <tr>
            <td>Second tbody Data1</td>
        </tr>
        <tr>
            <td>Second tbody Data2</td>
        </tr>
    </tbody>
</table>