jquery - 根据 CSS 或 jquery 中的下一个类名仅隐藏表行中的特定

Question

我正在根据特定条件获取表格行。这是我的代码结构

  <tr start="7" row="1" class="tableinsideth trmain">
     <td>&nbsp;</td>
  </tr>
  <tr start="7" row="1" class="tableinsideth trmain">
    <td>&nbsp;</td>                             
    <td class="tdclass dateclass esl" >Available</td>
  </tr>

我只想删除 <td>就在类esl之上或者以其他方式，当我们连续有超过 1 个 td 时删除第一个 td。试过~也在CSS中，但没有取得任何成功。任何帮助将不胜感激。

Answer 1

您可以使用 :first-child 将第一个 td 隐藏在 tr 中。

然后使用:only-child确保 td 没有其他兄弟显示。

td:first-child {
  display: none;
}

td:only-child {
  display: table-cell;
}

<table>
  <tr start="7" row="1" class="tableinsideth trmain">
    <td>&nbspTEST;</td>
  </tr>
  <tr start="7" row="1" class="tableinsideth trmain">
    <td>&nbsp;TEST2</td>
    <td class="tdclass dateclass esl">Available</td>
  </tr>
</table>