如何隐藏HTML表格中第二个tbody内的指定tr元素

要精准定位并隐藏第二个<tbody>内的指定<tr>元素，只需在jQuery选择器中先锁定目标tbody，再选择其中的tr即可：

核心选择器逻辑 #

• table.ms-formtable tbody:nth-child(2)：精准选中class为ms-formtable的表格里的第二个tbody（:nth-child(2)基于父元素的子元素索引定位，计数从1开始）
• 后续追加tr:first/tr:nth-child(n)，即可选中该tbody下的第1个/第n个tr元素

代码示例 #

隐藏第二个tbody的第一个tr

$("table.ms-formtable tbody:nth-child(2) tr:first").hide();

隐藏第二个tbody的第二个tr

$("table.ms-formtable tbody:nth-child(2) tr:nth-child(2)").hide();

完整代码（结合你原有的实现）

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<table class='ms-formtable'>
  <tbody>
    <tr>
    <td>tbody 1 row 1 cell 1</td>
    </tr>
    <tr>
    <td>tbody 1 row 2 cell 1</td>
    </tr>
  </tbody>
  <tbody>
    <tr>
    <td>tbody 2 row 1 cell 1</td>
    </tr>
    <tr>
    <td>tbody 2 row 2 cell 1</td>
    </tr>
  </tbody>
  <tbody>
    <tr>
    <td>tbody 3 row 1 cell 1</td>
    </tr>
    <tr>
    <td>tbody 3 row 2 cell 1</td>
    </tr>
  </tbody>
</table>

<script>
// 原代码：隐藏第一个tbody的前两个tr
$("table.ms-formtable tr:first").hide();
$("table.ms-formtable tr:nth-child(2)").hide();

// 新增：隐藏第二个tbody的指定tr
$("table.ms-formtable tbody:nth-child(2) tr:first").hide(); // 隐藏第二个tbody的第一行
// $("table.ms-formtable tbody:nth-child(2) tr:nth-child(2)").hide(); // 若要隐藏第二行，取消注释此行
</script>

内容的提问来源于stack exchange，提问作者Frank Martin