根据CSS或jquery中的下一个类名,仅隐藏表行中的特定<td>

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>